是否有可以执行以下操作之一的css属性?但首先,让我解释一下。
想象一下砌体布局,每个项目的宽度为:200px;每个都是高度:250px; (这只是一个例子)。
在每个项目中,都有一个缩略图和一个链接,通常这个链接包含2-3行,因此每个项目的高度都不同。
有没有办法可以在一个类中设置一个最大字符数,或者在一定数量的行之后切断包装?甚至可能添加一些css效果来插入内容:“......”;在行结束之前显示它被切断了?
感谢任何帮助。
谢谢。
答案 0 :(得分:25)
您可以尝试text-overflow
,但它有一些限制,但仍可能适合您:
<div id="container">
This is some short content to demonstrate the css-property
text-overflow
</div>
#container{
width:100px;
height:50px;
border:1px solid red;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
答案 1 :(得分:9)
不是字符,但您可以设置元素的宽度(以像素为单位)并使用text-overflow属性,该属性应添加“...”。
此外,您可以通过将元素的高度设置为30px并将line-height CSS属性设置为15px并添加overflow:hidden
来限制行数。这样你就会有两行文字。
.twoLines{
height:30px;
line-height:15px;
overflow:hidden;
}