在我的表格中,我将列中第一个单元格的宽度设置为100px
但是,当此列中某个单元格中的文本过长时,该列的宽度将超过100px。如何禁用此扩展
我玩了一会儿,因为我弄不清楚
您需要设置单元格宽度(工作的th或td,我将两者都设置),并将表格布局设置为固定的。出于某种原因,单元格宽度似乎只有在表格宽度也设置好的情况下才会保持不变(我认为这很愚蠢,但不管怎样)
此外,将overflow属性设置为hidden也很有用,以防止表中出现任何额外的文本
您应该确保为CSS保留所有的边框和大小
好的,这就是我所拥有的:
表格{
边框:1px纯黑;
表布局:固定;
宽度:200px;
}
th,
运输署{
边框:1px纯黑;
宽度:100px;
溢出:隐藏;
}
<;表>;
<;tr>;
<;th>;标题1</th>;
<;th>;标题234567895678657</th>;
</tr>;
<;tr>;
<;td>;数据asdfasdfasdfasdfasdfasdf</td>;
<;td>;数据2</td>;
</tr>;
</表>
这里是JSFIDLE
这家伙有一个类似的问题:表格单元格的宽度-固定宽度,包装/截断长单词