Html 文本溢出的块级等效项：省略号

我想提供一些小的广告，如果它们对于放入的容器div来说太长，就会消失在省略号中。我想提供一个直观的指示，如果用户跟随文章的链接，就会有更多的文本。我不想使用椭圆图像，但如果需要，我可以使用jQuery。如果可能的话，我倾向于完全使用CSS3

我发现文本溢出：省略号属性/值，加上溢出：隐藏和空白：nowrap允许使用单行版本，但是多行呢？对我来说

这些属性或其他属性/值对是否允许在严格的CSS中执行此操作

非常感谢您的帮助。

试试这个，别碰我的

---

或者在下面的行中有给定的HTML标记：

<div class="multiline"><!-- long string of text... --></div>

<div class="singleline"><!-- long string of text... --></div>​

虽然这大体上达到了您的目的，但在兼容的浏览器中，它确实存在生成的“省略号”与可见文本结尾不对齐的问题，不幸的是。

删除css

 white-space:nowrap;

---

并将div的高度设置为

根据什么条件显示溢出？是否希望每一行文本都以省略号结尾？因此渲染段落，但剪裁它？不支持多行。您将需要javascript来支持这一点。请参阅问题：听起来有点像这样的问题：段落标记是串联的，而不是块。我需要以省略号结尾的多行文字。设置高度或最大高度？要证明这一点，请暂时尝试高度。。主要问题（只有一行文本）是由于空白：nowrap；-设置高度是因为在溢出时需要“something”：hidden。这可以工作，但它也可以无条件地放置省略号，即使文本没有溢出。对于这些，文本并不总是溢出。但是，是的，对于这个问题的无条件版本来说，这是一个非常好的解决方案。@JonMitten-恕我直言，这根本不是一个好的解决方案。我相信David在这里尽了最大的努力，但是著名的名人CSS3，

非常好，它不需要灵活

。dotdot插件满足了这个问题，而且它可以工作。现在，如果我能让它在垂直方向和水平方向上扩展，那就太完美了。谢谢你的提示！

 white-space:nowrap;