{white-space:nowrap;//文本强制不换行;text-overflow:ellipsis;//文本溢出显示省略号;overflow:hidden;//溢出的部分隐藏;} 想显示两行,超出用省略号表示,css样式代码如下: {overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;} -web...
text-overflow:ellipsis; 文本溢出显示省略号; overflow:hidden; 溢出的部分隐藏; } 但是如果要想显示两行,超出用省略号表示要怎么写呢? {overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;} -webkit-line-clamp用来限制在一个块元素显示的文本的行数...
是的，css只支持一行超出显示省略号的。如果又想显示多行，又想把超出的显示为省略号，可以用程序处理，javascript就可以的。比如你只想显示前20个文字，后面的文字用省略号替换，js代码如下：var str = '只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示...