社区
Web 开发
帖子详情
table 布局问题
xaiolei
2010-10-19 05:06:53
<table>
<tr>
n个固定宽度<td></td>
最后一个<td></td> 他的宽度自动获得
</tr>
</table>
如何实现?
...全文
112
6
打赏
收藏
table 布局问题
n个固定宽度 最后一个 他的宽度自动获得 如何实现?
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
bxljoy
2010-10-19
打赏
举报
回复
用css控制下属性就行
随心点儿
2010-10-19
打赏
举报
回复
table固定,则td就固定
xaiolei
2010-10-19
打赏
举报
回复
.navTable.submenu{
background-image:url(../images/popUpMenuBG.gif);
background-repeat:no-repeat;
height:30px;
width:100%;
}
.menuItemOn{
color:#FFFFFF;max-width:100px;
font-weight:bold;
vertical-align:middle;
max-width:120px;
}
public static String buildMenuItem(String Url)
{
String MenuHtml = "";
int index =Url.indexOf("!");
MenuHtml += "<table class='navTable submenu'><tr>";
for(int i = 0;i<MenuItemList.size();i++)
{
MenuItem menu= MenuItemList.get(i);
String title= menu.getTitle();
String url = menu.getUrl();
if(isCrrentItem(Url,url))
{
List<MenuItem> child = menu.getChilds();
for(int j =0;j<child.size();j++)
{
MenuItem childMenu= child.get(j);
String childtitle = childMenu.getTitle();
String childurl = childMenu.getUrl();
String curl = childurl;
if(index>0)
{
int clindex = childurl.indexOf(".");
curl = curl.substring(0,clindex);
Url = Url.substring(0, index);
}
if(Url.equals(curl))
{
MenuHtml += "<td class='menuItemOn'> <img alt='icon menu' src='/ulmsv5/images/icon_menu_bullet_off.gif' border='0' /> <a class='menuItemLinkText' href='/ulmsv5"+childurl+"'>"+childtitle+"</a></td>";
}
else {
MenuHtml += "<td class='menuItemOff'> <img alt='icon menu' src='/ulmsv5/images/icon_menu_bullet_off.gif' border='0' /> <a class='menuItemLinkText' href='/ulmsv5"+childurl+"'>"+childtitle+"</a></td>";
}
}
break;
}
}
MenuHtml+="<td width='
问题所在!
'></td></tr></table>";
return MenuHtml;
}
这是我动态生成子菜单的方法
xaiolei
2010-10-19
打赏
举报
回复
table 用的是100%
td 的是120PX
我希望前任意个数的td的宽度固定为120PX 而最后一个td则是table剩余的宽度
_LiuHui
2010-10-19
打赏
举报
回复
[Quote=引用 1 楼 sandy__zhao 的回复:]
给table和需要固定宽度的<td>设置宽度就可以了
[/Quote]
对
sandy__zhao
2010-10-19
打赏
举报
回复
给table和需要固定宽度的<td>设置宽度就可以了
table
布局
的对齐
问题
table
布局
的对齐
问题
理想基本
布局
实际效果找
问题
总结 理想基本
布局
实际效果 找
问题
放大n倍观察 然后天真的开始找padding的
问题
… 可是我的代码里没有设置padding 粗暴!important去掉padding试试…只是试验一下是不是padding引起的 OK,不是 看着这么错落有序的…排列(隐隐的是另一种有序…) 有没有可能是
table
布局
的隐形设置呢? 我拿出了…ve...
Table
布局
width设置为百分比无效
问题
#
Table
布局
width设置为百分比无效
问题
###本来这个
问题
已经没有讨论的价值了,因为
table
布局
是低效率,无语意化的。但是css3 支持display设置为
table
、
table
-cell、
table
-row等。所以现在依然可以用
table
来
布局
。 ##说说
问题
所在:如果我们想用
table
来实现两列
布局
。两列宽度各占50%。 >
table
布局
换行
问题
问题
table
布局
换行
问题
问题
当单元格中写的是中文时,**设置了单元格宽度时,文字会自动换行 ** (只限中文) 当单元格内容是数字或字母时,单元格长度是由内容的撑开时,设置单元格宽度也会被撑开 这时需要一个
table
属性来解决
table
-layout 表格
布局
算法 automatice 默认 fixed 表格固定长度不会随内容的长度撑开
table
{
table
-layout:fixed; } 这样当你给单元格设置了固定的宽度时,内容就不会撑大单元格了·
float、
table
、flex解决等分
布局
出现的
问题
及解决方案
float、
table
、flex解决等分
布局
出现的
问题
及解决方案解决出现的
问题
解决float出现的
问题
问题
一:如果给子块加上间距的话则会导致一行不够分而导致有的块被挤掉
问题
二 用盒子模型做出来了边距后出现了第一个模块的左边距有空隙解决
table
出现的
问题
问题
margin-left: -10px;导致右边不对齐了
问题
:第一个模块如果去掉padding-left: 10px;会导致第一个模块直接消失了解决flex的
问题
解决出现的
问题
解决float出现的
问题
问题
一:如果给子块加上间距的话则会导致一行不够分
element-ui的
table
在flex
布局
下宽度一直增大的
问题
,解决了!!解决了!!
今天开发博客后台界面时遇到了这个
问题
,百思不得其解!!多番尝试后发现这是个bug,其解决方案如下: <div class="wrapper"> <div class="
table
-content"> <el-
table
:data="
table
Data"> //.... </el-
table
>
Web 开发
81,108
社区成员
341,721
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章