5

我声明了widthmargins但不知何故我的台词没有被自动换行符包裹。

在此处输入图像描述

编辑:我找到了原因。这是因为单词之间没有空格:

teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest 
4

6 回答 6

10

文本所在的元素应该有 css 声明:

div {
    display: block;
    width: 200px; /*based on how much width this div should have*/
}

如果它不起作用,请尝试这样做:

div { word-wrap: break-word } 
于 2012-07-31T09:24:51.690 回答
4

一个一个试试这个,它一定对某些情况有帮助:

p{
    display: block; /* or inline-block, at least its a block element */
    width: 100px; /* or width is certain by parent element */
    height: auto; /* height cannot be defined */
    word-break: break-all; /*  */
    word-wrap: break-word; /* if you want to cut the complete word */
    white-space: normal; /* be sure its not 'nowrap'! ! ! :/ */
}
于 2015-03-24T01:59:32.350 回答
1

这将打印每行中的每个句子,没有<br>

<p style="font-family:courier;white-space: pre;">
First Line
Second Line
Third Line
</p>

例如检查 jsfiddle http://jsfiddle.net/muthupandiant/sgp8rjfs/

于 2015-02-04T11:02:16.060 回答
0

真正的问题是:你到底为什么要使用  在你的情况下?

每个空间是 6 个字节而不是 1 个字节!

除了浪费存储空间和文件大小外,搜索引擎还会试图理解它。

无论您出于何种原因必须使用 ,我都会选择退出。并选择简单的空间(“”),对于 SEO 和 - 更重要的是 - 更少浪费的空间。这样,您将实现相同的目标,但向网站访问者提供较小的下载量。

于 2012-07-31T13:40:07.263 回答
0
    Try with `word-wrap` 

     #id
         { 
           word-wrap: break-word ;/*Allows unbreakable words to be broken*/
         } 

     #id
        { 
          word-wrap: normal ;/*Break words only at allowed break points*/
        } 
于 2012-07-31T09:34:11.967 回答
0

另一种方法是:

white-space: pre-wrap; // preserve whitespace, the text is wrapped
overflow-wrap: break-word; // text is wrapped, line break on the end of a word
于 2020-01-29T02:19:34.763 回答