<style type="text/css">table{
table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一 起使用。*/
}
</style>
本文介绍了一种利用CSS和HTML实现固定布局表格的方法,通过设置table-layout为fixed,并结合td元素的样式如word-break、white-space等属性,实现内容在表格单元格中不换行并以省略号形式展示超出内容的效果。
3519

被折叠的 条评论
为什么被折叠?



