如何通过使用CSS字符的行或＃限制字符限制？(How to restrict character l

是否有一个CSS属性，可以做下列之一？ 但首先，让我解释一下。

想象一个砌体布局，其中每个产品宽度：200像素; 并且每个将是高度：250像素; （这只是一个例子）。

中的每个项目，有一个缩略图和链路，且时常，此链接换到2-3行，因此使不同的每个项目的高度。

有没有一种方法我可以设置的最大字符＃类中，还是有一定＃线切断后的包装？ 也许甚至添加一些CSS效果，插入内容：“......” 行前结束，以表明它被切断？

任何帮助表示赞赏。

谢谢。

Answer 1:

您可以尝试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;   
}​

Answer 2:

没有文字，但你可以以像素为单位设置元素的宽度和使用文本溢出属性，它应该加上“...”。

此外，您还可以通过设置元素的高度，例如，30像素和设置的line-height CSS属性15px的限制线的数量，并添加overflow:hidden 。 这样，你将有文字的确切两行。

.twoLines{
   height:30px;
   line-height:15px;
   overflow:hidden;
}

文章来源: How to restrict character limit by line or # of characters with css?