2017-05-16 49 views
0

我正在觀看一系列HTML5教程,其中人們試圖教Flexbox,但教程是相當古老,他正在使用的東西,如display: -webkit-box;webkit-box-pack:center;我假設這是因爲當時一些瀏覽器不支持它。不過,我也讀過這個語法現在已經過時了,像MDN這樣的網站有關於它的警告,但是他們沒有提供用於做同樣事情的新語法的鏈接。不幸的是,我無法找到一個網站,顯示舊的方式和新的做事方式,所以我想知道是否有人可以幫助我,鏈接一些有用的資源,或者向我解釋我如何找到相應的像MDN這樣的網站中的舊語法。舊的Flexbox模型到新的Flexbox語法等效

感謝

回答

0

在這種情況下,據我所知,谷歌是你最好的和唯一的朋友。例如,它帶我去shouldiprefix.com,雖然有點過時,但有時指向正確的方向。 In a case of flexbox,它指的是css-tricks.com article,它有一個名爲「過時的東西的例子」的部分。在那裏您可以看到一些使用舊語法的教程。

找到解釋舊語法和新語法之間所有差異的頁面並不容易。問題是 - 你真的需要它嗎?數千人使用的網站,如css-tricks.com(article about flexbox)或w3schools.com(their flexbox reference)僅教授新的語法,並且經常更新。這不像你會經常需要一箇舊的語法。

另外,請自己幫忙,不要擔心供應商前綴。使用autoprefixer像f.e. grunt-postcss(這裏是nice tutorial - 看看「IV。Grunt設置」步驟)。

+0

是的,我明白你的意思了,只是我喜歡教程中那個人的教學風格,我通過看到一個例子並玩弄東西而不是閱讀它可以更好地學習,所以我希望我可以只是翻譯他的示例代碼轉化爲新的語法,但也許它是如此不同,以至於有些東西被刪除了,而其他的東西被合併爲單個命令。 – ribarcheto94