0

我使用 pre 标签来加载帖子。

我有两个问题,当有一个像 11111111111111 这样的长连续词时,pre 不会换行,如果我有一个完整的句子,其余的一些单词会换行。

这是我的问题,当 pre 样式是 word-break:inherit; 在此处输入图像描述

这是我的问题,当 pre style 是 word-break:break-all; 在此处输入图像描述

所以,如果我使用 word-break:inherit; 那么文本将被完美包装,如果我使用 word-break:break-all; 那么长词将换行,但文本不会根据需要换行。

有什么建议我该怎么办?

这是我那部分的 html 块:

            <tr style="background-color: white;">

                <td colspan="2">

                    <pre style="word-break:break-all; border:none; font-size: 13px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;">@ep.POST</pre>
                </td>
            </tr>

---编辑---我刚刚通过使用断词解决了它

4

2 回答 2

1

怎么样white-space: pre-line

http://jsfiddle.net/93S5U/

于 2013-09-12T13:37:21.520 回答
1

你应该使用:

p {
  word-break: normal | break-all | keep-all;
}

PS:实际上是Andrius Naruševičius,他的评论回答了 OP。我正在为 googlers 添加一个答案。

于 2013-09-12T13:42:07.110 回答