html中表格内容超出后隐藏问题

Posted 2023-03-15

我想让表格里面的内容当超出表格宽度的时候就把超出部分隐藏起来,可是用css控制，行不通,大虾们帮帮忙吧,谢谢了
我自己解决了

table-layout版本：CSS2 兼容性：IE5+ 继承性：有

语法：

table-layout : auto | fixed

参数：

auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关

说明：

设置或检索表格的布局算法。
对应的脚本特性为tableLayout。请参阅我编写的其他书目。

示例：

table table-layout: auto; 参考技术A <table width="200" border="1" style="table-layout:fixed;">
<tr>
<td width="80" style="width:80px;overflow: hidden;text-overflow:ellipsis">
<nobr>我想让表格里面的内容当超出表格宽度的时候就把超出部分隐藏起来,可是用css控制，行不通,大虾们帮帮忙吧,谢谢了</nobr></td>
<td> </td>
<td> </td>
</tr>
</table> 参考技术B

1、<table width="400" border="1" cellpadding="1" cellspacing="0" style="table-layout:fixed;">……</table>

2、设置单元格td的样式；

<style type="text/css">

td

width:25%;/* 80px; */

overflow: hidden;

text-overflow:ellipsis;

text-align: center;

</style>