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