html table平均分配
怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？...
怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？
展开
4个回答
展开全部
<style>
table{
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
</style>
<table>
<tr>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
</tr>
</table>
就是这样子，关键在table-layout: fixed
table{
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
</style>
<table>
<tr>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
<td width="100">怎么样让一行中每个td所占的宽度都是一样的？无论字数是多少宽度都不会随之改变的那种。应该怎么弄？</td>
</tr>
</table>
就是这样子，关键在table-layout: fixed
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js控制吧，获取table的长度。然后设置td的width
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用合并单元格属性colspan,如果你希望第二个td撑满剩下的空间，建议在里面加div
<table width="400" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2">
<div class="aa"></div>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
你可以试试给表格加table-layout样式,并设置值为fixed,这样如果你所有列都不指定列宽的话,应该是所有列等宽,如:
<table style="table-layout:fixed;">
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2014-12-01 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
table比较特殊。TD内容过长很可能被撑开的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style>
.ta{width:500px;overflow:hidden;}
.ta td{width:100px;overflow:hidden;}
</style>
</head>
<body>
<table width="500" border="1" class="ta">
<tr>
<td>333333333别写单一的数字，数字</td>
<td> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td>我们我我我我我我我我我我我我我我我我我我我我我我我我我我我 </td>
<td>我们我我我我我我我我我我我我我我我我我我我我</td>
<td>我们我我我我我我我我我我我我我我我我我我我我我我我我我我我 </td>
<td>我们我我我我我我我我我我我我我我我我我我我我我我我我我我</td>
<td>我们我我我我我我我我我我我我我我我 </td>
</tr>
</table>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
