特定項目的Flex 行全寬
您的目標是強制「標籤」元素佔據其他兩個Flex 下方的整個寬度-定位元素。以下是實現此目的的方法:
通常,彈性項目平等地共享可用空間。但是,您希望一個項目(標籤)佔據新行上的整個剩餘空間。為此:
以下是更新後的程式碼:
.parent { display: flex; flex-wrap: wrap; } .error { flex: 0 0 100%; border: 1px dashed black; }
透過這些調整,標籤元素將跨越整個寬度根據需要,位於其他兩個彈性項目下方的行。
以上是如何讓 Flex 專案在新行上佔據整個寬度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!