防止自动换行的tag(Prevent automatic line breaks in a 2019-09-02 06:27发布 站内文章 / 后端开发 20 0 0

我有一个HTML code标签，在包裹在pre固定宽度的标签和我变丑自动换行：

我想实现的是，该文本不会自动对位断，但是当我添加一个white-space: nowrap的code元素，整个事情合拢为单行线，因此所有的\ n和\ r字符忽略还有：

有没有人有一个想法如何防止自动换行，但保持预期的换行符？

Answer 1:

该问题是由Twitter的引导造成的。 无论出于何种原因，他们增加了以下样式代码标签：

white-space:pre;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;

通过与覆盖方式：

white-space: pre;
word-break: normal;
word-wrap: normal;

这个问题是固定的。

Answer 2:

我希望这可以帮助你。 演示

.content pre
{
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word; /* Internet Explorer 5.5+ */  
}

文章来源: Prevent automatic line breaks in a tag