如何在css中截断段落行[重复]

【问题标题】：How to truncate paragragh lines in css [duplicate]如何在css中截断段落行[重复]
【发布时间】：2012-10-07 10:51:42
【问题描述】：

可能重复：
With CSS, use “…” for overflowed block of multi-lines

有没有办法在 css 中截断段落的行？例如我有 7 行段落，我希望它们截断为 3 行。我试过这个： p { 溢出：隐藏；文本溢出：省略号；空白：nowrap；宽度：100%； } 但它会形成 1 行被截断

【问题讨论】：

标签： css

【解决方案1】：

使用css代码作为

p{
height: 50px; //depends up on whatever you want
width: 100%
// add your css code
}

【讨论】：

已经尝试在
上放置高度，但它仍然显示 1 行

，需要 3 行然后“...”是否有任何 css 规则我应该实现 3 行

被截断了？
jsfiddle.net/st8q2 试试这个。如果它不起作用，请将 !important 添加到每个 CSS 代码中。
试过你的代码，但是“...”不起作用，截断对 1 行有好处吗？
尝试在p 中添加类或id 就像这样jsfiddle.net/st8q2/1
在您的 jsfiddle.net/st8q2/1 中是的，它形成三行，但声明： text-overflow: ellipsis; - 不工作，没有“...”出现。