css 中间省略号截取文字代码

html-css024

css 中间省略号截取文字代码,第1张

你好，看了 你的问题，单纯用css现在貌似解决不了，css只能实现溢出隐藏，用...来表示。

你需要隐藏中间部分内容，需要用到js啊。可以用js先算出字符串的长度，然后截取收尾两段显示，中间加...即可。

如果是在table标签中

table 设置 style=”table-layout: fixed”

并且在 td标签中使用

style= “white-space:nowrapoverflow:hiddentext-overflow: ellipsis”

其他标签

你试试 加入样式

width:150pxwhite-space:nowraptext-overflow:ellipsisoverflow: hidden