什么css样式能自动截取一定长度的字符串,后面用...表示,最重要是兼容所有浏览器,不能用js,谢谢

html-css014

什么css样式能自动截取一定长度的字符串,后面用...表示,最重要是兼容所有浏览器,不能用js,谢谢,第1张

如果是在table标签中

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

并且在 td标签中使用

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

其他标签

你试试 加入样式

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

使用text-overflow属性可实现css截取字符串功能。

示例:

#test{text-overflow:ellipsiswhite-space:nowrapoverflow:hiddenwidth:20px}

上面的样式会将id为test的元素超出20像素之外的文字隐藏,并替换为三个英文半角的句号...

text-overflow主要支持2个值:ellipsis为显示省略号,clip为修剪文本,是默认值。

white-space:nowrap的作用是不让元素中的内容折行,在一行显示。

overflow:hidden为溢出隐藏,目的是超过元素宽高的部分不再显示。

width:20px设置了元素的宽度,内容超出这个宽度后会显示省略号。