文章詳情頁

css - 如何用flex實現三欄布局，但是子元素高度要自適應呢？

瀏覽：119日期：2022-12-09 18:53:48

我想用flex實現圖中的三欄布局，目前遇到如下問題：當父元素設置display: flex后，三欄的高度是相同的，而我希望三欄的高度是自適應的，我嘗試設置flex-direction:colume和flex-flow:row nowrap都達不到想要的效果，有沒有人知道該如何設置呢？

問題解答

回答1：

很簡單不考慮換行的話demo1

CSS

上一條：<caption> <colgroup><col> <thead><tbody><tfoot> 該怎么運用這些標簽下一條：html5 - html web 打包成android app

排行榜

					
					php - 有關sql語句反向LIKE的處理
					1. css - 對于類選擇器使用的問題
					2. java后臺導出頁面到pdf
					3. javascript - 你們怎樣實現前端分頁的？
					4. javascript - 切換掉當前頁面后該頁面的js動畫會暫停？
					5. javascript - if(input.type==’text’&&type != ’text’){return false;}這是什么意思？
					6. golang - 用IDE看docker源碼時的小問題
					7. docker-compose 為何找不到配置文件？
					8. 在mac下出現了兩個docker環境
					9. boot2docker無法啟動
					10. 
			熱門標簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數據庫

					微信

					百度

					

久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

css - 如何用flex實現三欄布局，但是子元素高度要自適應呢？

css - 如何用flex實現三欄布局，但是子元素高度要自適應呢？