当前位置:编程学习 > C#/ASP.NET >>

超难的表格宽度问题

<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技术前瞻
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,