31
2019
03

table表格中单元格单行文本不换行

之前的项目做过这种需求,但是由于不是自己亲手实现,所以以为只要使用 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

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。