1樓：生活的簡單之處
父級元素有display:box;屬性之後。他的子元素裡面加上box-flex屬性。可以讓子元素按照父元素的寬度進行一定比例的分佔空間。
如：html：
0102
03article
.sectionone
.sectiontwo
.sectionthree
2樓：匿名使用者
前者display:box是2023年的語法版本，使用時需要加上瀏覽器的字首，不過現在已經過時了。
後者display:flex是2023年最新修正的語法版本，瀏覽器支援較好，也將成為以後標準的語法。
中間2023年也提出了一個奇葩的語法版本display:flexbox，非官方的，當時主要是為ie瀏覽器使用。
father
child
在古董機上就不行，在父容器加入 display:-webkit-box; 就可以完美解決。
如果要說區別，display：box； 是老規範，要兼顧古董機子就加上它。
flexbox flex 是新規範，老機子不支援的。
3樓：黑馬程式設計師
css3 display：flex是flex 2023年的語法，也將是以後標準的語法，大部分瀏覽器已經實現了無字首版本。
display：box是2023年的語法，已經過時，是需要加上對應字首的。
所以相容性的**，大致如下
display: -webkit-box; /* chrome 4+, safari 3.1, ios safari 3.2+ */
display: -moz-box; /* firefox 17- */
display: -webkit-flex; /* chrome 21+, safari 6.1+, ios safari 7+, opera 15/16 */
display: -moz-flex; /* firefox 18+ */
display: -ms-flexbox; /* ie 10 */
display: flex; /* chrome 29+, firefox 22+, ie 11+, opera 12.1/17/18, android 4.4+ */
4樓：匿名使用者
display 屬性
box：將物件作為彈性伸縮盒顯示。（伸縮盒最老版本）（css3）flex：
將物件作為彈性伸縮盒顯示。（伸縮盒最新版本）（css3）很顯然，兩者功能是一致的，不過一個新，一箇舊，建議使用flex
css3 display：flex和display：box有什麼區別
5樓：黑馬程式設計師
**區別**，僅是各階段草案命名。
- w3c 2023年第1次草案
- w3c 2023年第2次草案
//www.w3.org/tr/2011/wd-css3-flexbox-20110322/)
- w3c 2023年第5次草案及以後的候選推薦標準
//www.w3.org/tr/2012/wd-css3-flexbox-20120612/)
前者是flex 2023年的語法，也將是以後標準的語法，大部分瀏覽器已經實現了無字首版本。
後者是2023年的語法，已經過時，是需要加上對應字首的。
所以相容性的**，大致如下
display: -webkit-box; /* chrome 4+, safari 3.1, ios safari 3.2+ */
display: -moz-box; /* firefox 17- */
display: -webkit-flex; /* chrome 21+, safari 6.1+, ios safari 7+, opera 15/16 */
display: -moz-flex; /* firefox 18+ */
display: -ms-flexbox; /* ie 10 */
display: flex; /* chrome 29+, firefox 22+, ie 11+, opera 12.1/17/18, android 4.4+ */
如果要說區別，display：box； 是老規範，要兼顧古董機子就加上它。
flexbox flex 是新規範，老機子不支援的。
css3 display：flex和display：box有什麼區別
6樓：育知同創教育
首先'box'吶是比較早的語法，使用它時需要帶上字首，比如 display: -webkit-box; /* chrome 4+, safari 3.1, ios safari 3.
2+ */，而"flex"是2023年的語法，是css3新規定的，也將是以後標準的語法。
至於實際中的用法，舉個例子：
hello
world
執行結果：
將父元素的display屬性設定為-webkit-box（box），然後子元素通過屬性box-flex來指定一個框的子元素是否是靈活的或固定的大小，如上，定義兩個靈活的p元素。如果父級box的總寬度為300px，＃p1將有一個100px的寬度，＃p2將有一個200px的寬度，也就是呈固定比例劃分，多看看css3的新屬性，去了下彈性盒子模型。
CSS樣式，請教3個CSS的問題？拜託了
第一 是背景 大概是一個寬為2px高為30px的背景 讓它水平平鋪 你用火狐bug和谷歌，瀏覽器就能知道是不是 而且還能知道背景 的url地址 第二 你說為的分割線其實是一個特色符號 相當於一個文字 list style type可以用的 給它一個圖就ok了，不過我很納悶，直接插入一個 不更方便嗎？...
CSS3中動畫屬性transform，transition和animation屬性的區別
pest永遠幸福兒 1 translate3d x,y,z 是用來控制元素的位置在頁面上的三軸的位置的 2 rotate deg 是用來控制元素旋轉角度的 3 skew x,y deg 這個屬性是用來製作傾斜度的，做過設計的人可能會知道，這個是用來在2d裡面建立3d透檢視的時候必須的屬性 4 sca...
神舟戰神k650d i5 d3裝配固態硬碟的操作方法有哪些
神評君 操作方法有三種 1.直接安裝 2.安裝在光碟機位。3.換掉舊硬碟。具體原因如下 方法1，直接加裝。這個方法的前提就是本本在買來的時候就有額外的預留介面，那麼就可根據預留介面的型號來購買相應的ssd直接安裝。一般本本額外的介面有m.2 又名ngff msata sata等型號。需要注意的是 m...