css中overflow固定两行

html-css022

css中overflow固定两行,第1张

根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。该盒子的高度将会根据它容纳内容的需要而增长，这就是该添加CSS的overflow属性的时候了。

是的，css只支持一行超出显示省略号的。

如果又想显示多行，又想把超出的显示为省略号，可以用程序处理，javascript就可以的。

比如你只想显示前20个文字，后面的文字用省略号替换，js代码如下：

var str = '只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字'

str = str.substr(0,20) + '...'

alert(str)；

这样控制li可以吗？都是差不多的，只要你把元素标签写对了，就可以，很简单的：padding-top,padding-bottom就可以啦，设置几十像素就可以很明显的看见效果了，自己可以试试。