css - white-space 和 -o-pre-wrap 在 CSS 中有什么作用?

标签 css

我需要一些帮助来理解这段代码

pre 
{ 
    white-space: pre; 
    white-space: -moz-pre-wrap; 
    white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    word-wrap: break-word; 
    width: 800px; 
    overflow: auto;
}

white-space: 之后的所有不同关键字有什么用?

white-space: -o-pre-wrap; 有什么作用?

最佳答案

它适用于不同的浏览器。

The white-space property specifies how white-space inside an element is handled.

阅读White space: the 'white-space' property

Mozilla supports a number of extensions to CSS that are prefixed with -moz-.

阅读Mozilla CSS Extensions

但我不知道为什么两个样式规则适用于空白属性,pre 和 pre-wrap。

-o 用于 Opera。

Browser proprietary CSS extensions and DOM node prefixes

关于css - white-space 和 -o-pre-wrap 在 CSS 中有什么作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1660373/

相关文章:

html - 如何修复在 Firefox 上有效但在 Chrome 和 Safari 上无效的响应图像?

html - 如何在 <kbd> 中更改颜色?

html bootstrap nav 品牌形象标识问题

html - 如何更改 SVG 图像中 stroke-dasharray 的 "starting point"?

css - 不一致的 div 溢出 css

没有javascript的Html水平 anchor

css - word-wrap:break-word 在 IE8 中不工作

javascript - jQuery:实际的div宽度

javascript - 在健康栏上显示正确的心数

javascript - 在滚动 div 的边缘淡化子 flexbox 元素?