CSS如何限制显示的文本字数

html-css06

CSS如何限制显示的文本字数,第1张

{

overflow:hidden

text-overflow:ellipsis

display:-webkit-box

-webkit-box-orient:vertical

-webkit-line-clamp:2(这里是行数 你可以控制你想在第几行末尾多余的显示省略号,之前的文本正常显示)

}

一定要用CSS来完成的话,你可以设置一个宽度,具体的宽度值,根据你想要显示的字数的总宽度来定,然后使用overflow:hidden,隐藏超出这个宽度的字符,这样其实就是制造一个假象,当用户添加的标题字数超过这个宽度时就不显示了,用户自然就会更改了,但是,前面说了,这只是一个假象。CSS应该控制不了,应该用VBscript或javascript来实现,那样就简单多了。

width:150px/*要显示文字的宽度*/overflow:hidden/*超出的部分隐藏起来。*/ white-space:nowrap/*不显示的地方用省略号...代替*/text-overflow:ellipsis/* 支持 IE */