html - 我如何在具有宽度的 <pre> 中正确断开线条?

标签 html css

我有一个 <pre>需要有宽度和高度的标签。出于某种原因,每当文本超出 <pre> 的内容时, 行不会中断,文本继续。我该如何纠正这个问题?

这是演示此问题的 JSFiddle:http://jsfiddle.net/k45cJ/

最佳答案

使用 CSS:

<pre class="wrapped">Lorem ipsum dolor sit amet</pre>

pre.wrapped {
   white-space: pre-wrap;
}

关于html - 我如何在具有宽度的 <pre> 中正确断开线条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23071749/

相关文章:

jquery - float 的 div 没有正确换行

css - @media screen css 属性只读取两条规则

css - 内联样式是否被认为是一种不好的做法?

css - 将方括号 () 与 LESS 混合使用

css - 在 Ruby on Rails 中使用@font-face?

javascript - CSS 和 Javascript 文件未在生产环境中更新

javascript - 如何用html css和javascript用空格编码进度条

HTML + CSS 图像上的文本淡入淡出阻止淡入淡出的发生

javascript - 是否可以为每个选择器设置不同的值?

javascript - JSON 菜单,在父 LI 中添加子级别