社区
Web 开发
帖子详情
table 布局问题
xaiolei
2010-10-19 05:06:53
<table>
<tr>
n个固定宽度<td></td>
最后一个<td></td> 他的宽度自动获得
</tr>
</table>
如何实现?
...全文
86
6
打赏
收藏
table 布局问题
n个固定宽度 最后一个 他的宽度自动获得 如何实现?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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>设置宽度就可以了
bootstrap-
table
-demo
bootstrap-
table
是一个功能强大的
table
组件,支持分页、全文检索、导出等
究极推荐:36个漂亮的各类型网站源代码打包分享
所有网站都采用CSS控制样式展现,木有
table
,都是DIV控制
布局
!更有一些网站有华丽丽的JS特效。 是的,在您看过之后,如果您真觉得不错,或者需要下载后续百来个网站的话,欢迎您评论,给予@贝斯特_岳 和优设哥一些动力。因为这些网站确实是我们精挑细选出来的一些非常漂亮的资源,就算和很多流行网站比较,他们也是毫无逊色异常出众精彩的。 36个网站中包含了各行各业的网页设计,譬如图片站、门户站、企业站、宠物站、资讯站等等,而且足够让您欣喜的是绝大多数资源还不仅仅是一个主页面,更有文章页、列表页、关于我、产品页面等等!
36个漂亮的各类型网站源代码
所有网站都采用CSS控制样式展现,没有
table
,都是DIV控制
布局
!更有一些网站有华丽丽的JS特效。 36个网站中包含了各行各业的网页设计,譬如图片站、门户站、企业站、宠物站、资讯站等等,而且足够让您欣喜的是绝大多数资源还不仅仅是一个主页面,更有文章页、列表页、关于我、产品页面等等! 这些网站确实是精挑细选出来的一些非常漂亮的资源,就算和很多流行网站比较,他们也是毫无逊色异常出众精彩的。
五种前端
布局
之
table
布局
前端基本
布局
五种前端
布局
table
布局
float
布局
五种前端
布局
table
布局
、float
布局
、absolute
布局
、flexbox
布局
、grid
布局
table
布局
父级容器—display:
table
子级容器—display:
table
-cell (1) 空间平均划分:子级容器默认是自动平分宽度沾满父级容器; <body> <div class="box"> <div class="left"></div>
html 用
table
布局
,HTML--
Table
布局
table
布局
Main Title of The web pageHTMLCSSJavaScriptJqueryContent Goes hereCopyRight W3CSchool.com.cn效果图:
table
布局
, td内部元素溢出边界
问题
。 (已解决)今天,我尝试用
table
布局
有多个输入需要提交的页面, 为了使输入元素占满td,我对其宽度设置为100%, 结果text输入元素溢出td,...
Web 开发
81,117
社区成员
341,739
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章