日期:2014-05-17  浏览次数:20793 次

如何绝对控制住表格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>



没有你说的那个情况啊。