如何限制文字宽度

Tab*_*oco 23 html css

我想限制一个文本块的宽度,所以看起来它在每行的ned处都是br.

像这样的东西:

Texttttttttttttttttttttt
tttttttttttttttttttttttt
tttttttttttttttttttttttt
Run Code Online (Sandbox Code Playgroud)

由此:

Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

我试图指定div或p的宽度,但它对我不起作用.有什么建议?

Vik*_* S. 38

你可以像这样申请css:

div {
   word-wrap: break-word;
   width: 100px;
}
Run Code Online (Sandbox Code Playgroud)

通常浏览器不会破坏单词,但word-wrap: break-word;会强制它破坏单词.

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

有关word-wrap的更多信息

  • 如果这不能解决问题,请尝试 `word-wrap: 'break-word;'` `white-space: 'normal;'` (2认同)

小智 9

 display: inline-block;
max-width: 80%;
height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; 
Run Code Online (Sandbox Code Playgroud)

  • 虽然此代码片段可能会解决问题,但它并没有解释为什么或如何回答问题。请[包括对您的代码的解释](//meta.stackexchange.com/q/114762/269535),因为这确实有助于提高您的帖子质量。请记住,您是在为将来的读者回答问题,而那些人可能不知道您提出代码建议的原因。**Flaggers / reviewers:** [对于像这个这样的纯代码答案,投反对票,不要删除!](//meta.stackoverflow.com/a/260413/2747593) (2认同)