CSS：对齐和换行文本答案

【问题标题】：CSS: align and wrap textCSS：对齐和换行文本
【发布时间】：2013-09-12 13:26:26
【问题描述】：

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

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

这是我的问题，当 pre 样式是 word-break:inherit;

当 pre 样式是 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>

---编辑--- 我只是用break-word解决了它

【问题讨论】：

使用break-word时发生了什么？
另外，你能说出text won't wrap as needed是什么意思吗？
@AndriusNaruševičius 谢谢break-word解决了它

标签： html css

【解决方案1】：

你应该使用：

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

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

【讨论】：

【解决方案2】：

white-space: pre-line 呢？

http://jsfiddle.net/93S5U/

【讨论】：