文章詳情頁(yè)
css - flex布局,display:flex,與display：-webkit-box差異的問(wèn)題
瀏覽：146日期：2023-06-18 18:39:24
問(wèn)題描述
https://jsfiddle.net/channg/j...
為什么display:flex 使用box的 的寬度會(huì)改變？
改變了flex:-webkit-box,后面的box 會(huì)被頂出去？
問(wèn)題解答
回答1：stackoverflow搬運(yùn)工1
stackoverflow搬運(yùn)工2
display: box; 2009版本的flexdisplay: flexbox; 2011版本的flexdisplay: flex; 現(xiàn)在的版本
由于版本的問(wèn)題，你不能簡(jiǎn)單的只改變display: flex為display: -webkit-box
還需要將flex-grow: 1改為-webkit-box-flex: 1
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - main head .intro-text{width:40%} main head{display:flex}為何無(wú)效？2. css - flex布局垂直效果實(shí)現(xiàn)不了?3. css - Flex布局問(wèn)題4. css3 display:flex5. 這種情景怎么解釋？display:flex 遭遇 white-space: nowrap;6. css - flex布局可以怎么把一個(gè)div放到另一個(gè)div里面，兩個(gè)div為相鄰兄弟元素。不用position。7. css3 - 這種情景怎么解釋？display:flex 遭遇 white-space: nowrap;
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備