幸运快三极速快3|极速快3猜大小
您的位置:首頁> 實例代碼> CSS實例

display:flex與display:box 區別

2019-7-18 14:17| 作者: antzone| 查看: 3382| 評論: 0|來自: 螞蟻部落

不少朋友在學習彈性布局的時候會遇到兩種語法,display:flex與display:box。

它們兩個區別在于語法版本的新舊:

(1).display:box是2009年的語法版本,當前已經不推薦使用。

(2).display:flex是2012年最新修正的語法版本,瀏覽器支持較好,也將成為以后標準的語法。

瀏覽器支持:

a:3:{s:3:\"pic\";s:43:\"portal/201704/09/105202erqxrddgdorxoqq2.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

比較完整的兼容性代碼如下:

[CSS] 純文本查看 復制代碼
.box {
  display:-webkit-box; 
  display:-moz-box; 
  display:-webkit-flex; 
  display:-moz-flex; 
  display:-ms-flexbox; 
  display:flex; 
}

彈性布局可以參閱display:flex 彈性布局一章節。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
幸运快三极速快3 贵州高视频11选5 球探篮球 21點技巧 免费计划软件 微信牛牛 福利彩票快乐8开奖结果 湖北11选五开奖结 游戏赚rmb 山东时时开奖号码走势图表 极速加速器官网