文章詳情頁

css - flex布局,display:flex,與display：-webkit-box差異的問題

瀏覽：117日期：2023-06-18 18:39:24

問題描述

https://jsfiddle.net/channg/j...

為什么display:flex 使用box的的寬度會(huì)改變？

改變了flex:-webkit-box,后面的box 會(huì)被頂出去？

問題解答

回答1：

stackoverflow搬運(yùn)工1

stackoverflow搬運(yùn)工2

display: box; 2009版本的flexdisplay: flexbox; 2011版本的flexdisplay: flex; 現(xiàn)在的版本

由于版本的問題，你不能簡(jiǎn)單的只改變display: flex為display: -webkit-box

還需要將flex-grow: 1改為-webkit-box-flex: 1

CSS

上一條：css3 - 隨著滾動(dòng)條下滑，頁面的每個(gè)部分隨之出現(xiàn)效果是怎么做到的下一條：前端 - CSS 一行分成兩列

相關(guān)文章：

1. 這種情景怎么解釋？display:flex 遭遇 white-space: nowrap;2. javascript - main head .intro-text{width:40%} main head{display:flex}為何無效？3. css - Flex布局問題4. css3 - 這種情景怎么解釋？display:flex 遭遇 white-space: nowrap;5. css - flex布局垂直效果實(shí)現(xiàn)不了?6. css3 display:flex7. css - flex布局可以怎么把一個(gè)div放到另一個(gè)div里面，兩個(gè)div為相鄰兄弟元素。不用position。

排行榜

					
					javascript - 用on方法,綁定ui,下面的li 事件,ui,li是由ajax生成的,新手求教
					1. javascript - ajax請(qǐng)求nodejs后臺(tái)，開啟服務(wù)器后，localhost:3000/index.html頁面既沒有報(bào)錯(cuò)，也沒有文字。。。
					2. windows誤人子弟啊
					3. html5和Flash對(duì)抗是什么情況？
					4. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò)，是什么情況？求大神指點(diǎn)
					5. android-studio - android studio 結(jié)巴了，有什么辦法可以治好它嗎？
					6. javascript - Java selenium 中使用click()方法點(diǎn)擊超鏈接無效  用window.open() 也打不開頁面
					7. 冒昧問一下，我這php代碼哪里出錯(cuò)了？？？
					8. android - 安卓使用webview播放騰訊、優(yōu)酷視頻的方法
					9. javascript - DOM中，獲取屬性
					10. 
			熱門標(biāo)簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數(shù)據(jù)庫

					微信

					百度

					

色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

css - flex布局,display:flex,與display：-webkit-box差異的問題