读书人

怎么绝对控制住表格table里单元格的宽

发布时间: 2013-06-25 23:45:41 作者: rapoo

如何绝对控制住表格table里单元格的宽度,没我命令不得变动
现在我的表格里,单元格的宽度是用width=数值或者百分比来指定的,一个空的表格看起来没问题,是我要的长度。
但是,通常我做的表格,都要往里面填东西,结果填了东西了,表格就乱七八糟了。加入某个单元格,我定义的宽度是20,结果里面填充的字符实际宽度达到了50,那这个单元格就被“撑”到了50那么宽,同时,其他单元格被压缩了!
我希望达到的效果是,我定义了单元格宽度后,不管里面填什么数据,宽度不能被改变,当数据宽度大于单元格宽度后,数据自己换行就是了,调整自己就好,何必要影响到别人呢。 表格?单元格?宽度
[解决办法]
table-layout:fixed
[解决办法]


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>

<style type="text/css">

table {
border-collapse:collapse;
width:600px;
}

td {
border:1px solid #ccc;
width:200px;
}

</style>
</head>
<body>

<table>
<tr>
<td>文件</td>
<td>据台媒报道,台湾渔民遭菲律宾公务船开枪扫射身亡。而后,菲律宾总统府发言人华尔地出面开记者会,还笑着回答相关问题。此前台湾方面曾表示,如菲律宾总统府如再轻佻回应须付出代价。</td>
<td></td>
</tr>
<tr>
<td>马英九探视遇害船员家属:决不善罢甘休</td><td>工具</td><td>台湾法务部门:菲射杀台湾渔民枪支或由美国制造</td>
</tr>
</table>

</body>
</html>



没有你说的那个情况啊。

读书人网 >CSS

热点推荐