繁体   English   中英

CSS:对齐并包装文本

[英]CSS: align and wrap text

我使用pre标签加载帖子。

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

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

这是我的问题,当前风格是断字:打破所有; 在此输入图像描述

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

---编辑---我刚用破解词解决了它

white-space: pre-line怎么样white-space: pre-line

http://jsfiddle.net/93S5U/

你应该使用:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM