css table取消自动换行问题

发布网友 发布时间：2022-04-24 00:37

我来回答

共5个回答

热心网友 时间：2022-04-19 23:13

大概了解了你的意思，也看过楼上的解释，我这里给出我的比较全面的解释，希望对楼主有用：

css样式定义：
table{
table-layout:fixed; /*固定表格，其实这个主要保证一连串不间断英文字符不会撑开td，因为一连串不间断英文字符表示的是一个单词，肯定不会分行的*/
}
td{
width:100px; /*宽度根据需要设置，也可以设置百分比*/
height:25px;line-height:25px; /*高度也是根据需要设置*/
white-space:nowrap; /*文本显示不自动换行*/
overflow:hidden; /*超出部分显示*/
}

热心网友 时间：2022-04-20 00:31

td里加个div,然后div加上下面的样式,宽高自己定width:30px;height:30px;
overflow:hidden;white-space:nowrap

热心网友 时间：2022-04-20 02:05

首先设置：width和height，然后设置：overflow:hidden;

参考资料：http://hi.baidu.com/allenwdj

热心网友 时间：2022-04-20 03:57

给td加一个样式吧：先设置height高度，然后再设置overflow:hidden隐藏；
切记一定要设置高度啊

热心网友 时间：2022-04-20 06:05

overflow:hidden;