迎接IE10 支持更多的CSS3模组

虽然 Internet Explorer 9 (IE9) 最近才释出正式版，不过 IE 的开发团队可没闲着，继续推出了 Internet Explorer 10 的第一个预览版本（IE10 PP1），有兴趣的人可以前往这里下载。 IE10 PP1 有几项更新，主要是对于更多 CSS3 模组的支持，像是：

浮动式区块排版（Flexible Box Layout）

这项功能主要是解决了不同区块（block）在页面上水平或垂直排版的问题。在这项支持之前，你只能将一个区块设定成 inline、block、或是 inline-block（设定 CSS 的 display 属性），但这样还是不够，比方说 inline 不能设定高度、block 一定会换行（水平不能接续其它区块），而 inline-block 不能自动延展，更别提区块间的对齐问题，过去总是要使用一堆奇技淫巧才能致始某个区块能水平垂直置中。在有了 flexible box layout 之后，只需要调整 CSS 属性便可。

格子对齐（Grid Alignment）

格子（Grid）有点像表格（table），但是它比表格更有弹性。你可以将一个区块的 display 属性设定成 -ms-grid（其它的浏览器可能是 -moz-grid 或 -webkit-grid，在标準尚未定案前，都得加上这些浏览器的缀字），然后就可以指定某个区块佔有几列（row）几行（column）的大小，不必像表格那样，使用 标签只能有一列一行的大小。

多栏式排版（Multi-column）

如果你有读过报纸、或是论文，可能有看过文章内容会分成多栏式呈现，这项支持将让您可直接利用 CSS 来调整内容排版的栏数。

色彩渐层（Gradients）

有了色彩渐层的支持，可以直接使用 CSS3 产生出渐层色彩，不过要注意的是，CSS3 Gradient 并不算是色彩（color）而是图片（image），所以当你要使用色彩渐层作为背景时，要设定的是 background-image 属性而不是 background-color 属性。 更多 IE10 PP1 的更新，可以参考 MSDN 上的文件：Internet Explorer 10 Platform Preview。 via：开发者之魂

标签:IE相关CSS预览版CSS3IE10IE Web