之前的项目做过这种需求,但是由于不是自己亲手实现,所以以为只要使用 text-overflow 就可以实现这个需求了。但实事证明并没有那么简单。下面就把这个需求的实现要点理一下。
先说一下几个要点:
table 的 “table-layout”属性要声明为“fixed”
对表格的第一行中的每个单元格设置宽度。我用的是数值,不是百分比。
对可能出现内容很长的单元格,设置以下三个属性:
table{
table-layout:fixed;
}
table tr td{
width:60%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
原文链接:https://www.qiquanji.com/post/8785.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知