问题描述
<table><tr><td>（要求）该列固定宽度</td><td>（要求）该列内容超过最大长度要截断</td><td>（要求）该列内容必须全部显示</td></tr></table>整个table随页面窗口的大小变化。总的来说就是只能中间的列被截断，两边的都不能被截断，第一列必须用固定列宽。必须用css控制哪为高手可以挑战一下。
解决方案
解决方案二：
<divstyle="width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1pxsolid#336699">内容超出200px，将用……省略，测试下效果就知道了。</div>如果是自适应，你完全可以用div+css布局，典型的“三列中间自适应”问题。举例如下：<divid="left">左列</div><divid="center">中间</div><divid="right">右列</div>CSS代码如下：#left{background-color:#cccccc;border:2pxsolid#333333;width:100px;height:300px;position:absolute;top:0px;left:0px;}#right{background-color:#cccccc;border:2pxsolid#333333;width:100px;height:300px;position:absolute;right:0px;top:0px;}#center{background-color:#cccccc;border:2pxsolid#333333;height:300px;margin-left:104px;margin-right:104px;}body{margin:0px;padding:0px;}
解决方案三：
您的右列控制有问题，不符合要求#right{background-color:#cccccc;border:2pxsolid#333333;width:100px;height:300px;position:absolute;right:0px;top:0px;}