如何限制文字宽度

Question

我想限制一段文本的宽度，这样它看起来就像在每行的 ned 处都有 br 一样。

是这样的：

 Texttttttttttttttttttttt
tttttttttttttttttttttttt
tttttttttttttttttttttttt

由此：

文字

我试图指定 div 或 p 的宽度，但它对我不起作用。有什么建议么？

原文由 Taboo Loco 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以像这样应用 css：

 div {
   word-wrap: break-word;
   width: 100px;
}

通常浏览器不会断词，但是 word-wrap: break-word; 也会强制它断词。

演示：http: //jsfiddle.net/Mp7tc/

有关 自动换行的 更多信息

原文由 Viktor S. 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

 display: inline-block;
max-width: 80%;
height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

原文由 Lekhraj 发布，翻译遵循 CC BY-SA 3.0 许可协议