CSS:包装文本<pre>标签中断词问题
CSS:包装文本<pre>标签中断词问题
提问于 2016-12-07 08:31:10
我使用Laravel和CSS引导。我将文本保存到字段名中(文本数据类型)。当我在CSS下面的<pre>标签包装中显示它时，我发现问题文本是不需要的，它们被分解成块，用于<pre>末尾的每一个单词，就像在这个图像中一样。
下面是我使用的CSS，它导致了这个问题：
.myclass pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2016-12-07 09:22:51
请将display: inline-block添加到您的pre标记中，以便单词包装工作。
所以你的代码变成：
.myclass pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
display: inline-block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41012626
复制相关文章
相似问题
腾讯云开发者
