迎接 Internet Explorer 10 Platform Preview 1


雖然 Internet Explorer (IE) 9 最近才釋出正式版,不過 IE 的開發團隊可沒閒著,繼續推出了 Internet Explorer 10 的第一個預覽版本(IE10 PP1),有興趣的人可以前往這裡下載。

IE10 PP1 有幾項更新,主要是對於更多 CSS3 模組的支援,像是:

浮動式區塊排版(Flexible Box Layout)

這項功能主要是解決了不同區塊(block)在頁面上水平或垂直排版的問題。在這項支援之前,你只能將一個區塊設定成 inlineblock、或是 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

Comments (0)

Skip to main content