css - 为什么我们在normalize.css中加入这行代码?

标签 css properties cross-browser whitespace

下面的代码

// Improve readability of pre-formatted text in all browsers.
    pre {
      white-space: pre;
      white-space: pre-wrap;
      word-wrap: break-word;
    }

取自https://github.com/yuanyan/pre/blob/master/src/normalize.less

谁能告诉我为什么我们需要这个

  white-space: pre;

因为第二行覆盖了它。 我知道需要它,但谁能告诉我为什么?是因为浏览器支持吗?可能不是这里使用的方式。覆盖值有什么意义?

附言IE8 及更高版本支持 pre-wrap 属性,但 IE 5-7 不支持 - 这就是 Alex W says here @ SO

最佳答案

并非所有浏览器都支持

pre-wrap。现在每个浏览器都支持它。所以它只是旧浏览器的后备。

关于css - 为什么我们在normalize.css中加入这行代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23491982/

相关文章:

CSS水平滚动条不显示,或者右侧有空白

javascript - CSS/JavaScript : Apply javascript according to window width

java - 是否可以在不编写程序的情况下查看系统属性?

python - 在 Kivy 中引用动态创建的小部件的 id

css - 如何在 Firefox 和 Opera 中缩放 HTML 元素?

html - DOMParser 的跨浏览器支持

internet-explorer - MacOSX 上的 Web 开发,如何检查 IE 兼容性?

html - 纯 CSS 网格不会彼此相邻 float

css - 浏览器如何从两个不同的 css 选择器规则中选择一个 css 属性值来呈现?

database - 支持动态属性的架构