溢出容器與同樣高的孩子

Question

我搜尋了可用的問題，但沒有找到解決方案。我試圖將水平溢出容器的所有元素的高度設定為等於最長元素的高度。 body{}section{width:300px;background:lightblue;overflow:auto;white-space:nowrap;}div{display:inline-block;max-width:150px;background:lightgreen;margi

P粉790819727 · Answer

您可以使用 Flex 佈局。

section{
  width: 300px;
  background: lightblue;
  overflow: auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
div{
  display: inline-block ;
  max-width: 150px;
  background: lightgreen;
  margin: 5px;
  white-space: normal;
  height: 100%;
}

P粉403821740 · Answer

在 divs 上設定 min-width 並使其父級 flex 不能被包裹。

section {
  display: flex; /* new */
  flex-wrap: nowrap; /* new */
  width: 300px;
  background: lightblue;
  overflow: auto;
}

div {
  min-width: 150px; /* new */
  background: lightgreen;
  margin: 5px;
}


  
    hi there how are you push just IV by Rd hi TX cu
  
  

    hi there how are you push just IV by Rd hi TX cu jdi HD so of fr edg of Dr edg KB hi

  
  
    hi there how are you push just IV by Rd hi TX cu

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學