迎接 Internet Explorer 10 Platform Preview 1

  • Article

雖然 Internet Explorer (IE) 9 最近才釋出正式版，不過 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）的大小，不必像表格那樣，使用 <td> 標籤只能有一列一行的大小。

多欄式排版（Multi-column）

如果你有讀過報紙、或是論文，可能有看過文章內容會分成多欄式呈現，這項支援將讓您可直接利用 CSS 來調整內容排版的欄數。

色彩漸層（Gradients）

有了色彩漸層的支援，可以直接使用 CSS3 產生出漸層色彩，不過要注意的是，CSS3 Gradient 並不算是色彩（color）而是圖片（image） ，所以當你要使用色彩漸層作為背景時，要設定的是 background-image 屬性而不是 background-color 屬性。

 

更多 IE10 PP1 的更新，可以參考 MSDN 上的文件：Internet Explorer 10 Platform Preview。