CSS让表格⾥的内容强制显⽰⼀⾏，超出长度显⽰省略号
在写html页⾯的时候，会经常⽤到表格，⽽且很多时候⼀个tr⾥边需要包含好⼏个td，这样就会导致tr的⾼度不⼀致，被撑开了
这时候，如果能让td⾥的内容强制显⽰在⼀⾏，并让超出边界范围的内容显⽰点点，然后再给td加个title属性，显⽰当前td的内容，这难道不是最理想的结果吗？
其实很简单，4⾏代码搞定它：
table{
table-layout: fixed;
}
td{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
css设置表格滚动条
}
需要注意的有：
1、table-layout需要设置为fixed，⽤来固定表格布局,（这个属性⾮常⾮常有⽤，对于提升页⾯性能，这样就不会每次当表格宽度变化的时候⾃适应td宽度。）当然给每个td加宽度也可以，但是显然没有前者更⾼效
2、white-space需要设置为nowrap，⽤来强制不换⾏
3、overflow设置为hidden，内容溢出的时候不显⽰
4、text-overflow设置为ellipsis，内容溢出的时候，溢出部分显⽰为...

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。