文章詳情頁

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

瀏覽：113日期：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)在的版本

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

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

CSS

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

相關(guān)文章：

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

排行榜

					
					html5 - 如何解決bootstrap打開模態(tài)modal窗口引起頁面抖動(dòng)?
					1. angular.js - angularjs中如何實(shí)現(xiàn)單擊一個(gè)span標(biāo)簽之后，拿到span標(biāo)簽中的內(nèi)容?
					2. java - tomcat服務(wù)經(jīng)常晚上會(huì)掛，求解？
					3. 初學(xué) node.js，讀取本地html文件報(bào)錯(cuò)
					4. android - SDK24怎么下載？
					5. objective-c - ios百度地圖定位問題
					6. javascript - 求助關(guān)于js正則問題
					7. jquery - angularjs如何做出導(dǎo)航效果？
					8. javascript - 手機(jī)版網(wǎng)站導(dǎo)航條水平滑動(dòng)減速效果是如何實(shí)現(xiàn)的
					9. android - 離線地圖的這種列表該怎么實(shí)現(xiàn)？
					10. 
			熱門標(biāo)簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數(shù)據(jù)庫

					微信

					百度

					

国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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