CSS:对齐并包装文本

时间:2013-09-12 13:26:26

标签: html css

我使用pre标签将帖子加载到。

我有两个问题,当有一个很长的连续词如11111111111111时,pre不会换行,如果我有一个完整的句子,其余一些词会突破新行。

这是我的问题,当前风格是分词时:继承; enter image description here

这是我的问题,当预备风格是分词时:break-all; enter image description here

所以,如果我使用了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>

--- --- EDIT 我刚刚使用break-word

解决了这个问题

2 个答案:

答案 0 :(得分:1)

white-space: pre-line怎么样?

http://jsfiddle.net/93S5U/

答案 1 :(得分:1)

您应该使用:

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

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