Flexbox 相同的項目大小:實現均勻的寬度
使用Flexbox 時,經常會遇到Flexbox 中的項目大小不同的情況寬度,儘管預期分佈均勻。發生這種情況是因為 Flexbox 在元素周圍均勻分配可用空間,而不是在元素本身內。
要解決此問題並確保所有 Flexbox 項目具有相同的寬度,請考慮以下技術:
分配所有項目的 flex-basis 值為 0。這將它們的起點設定為相同的大小,為成長提供了平等的基礎。
透過使用 flex 屬性啟用項目的成長:flex: 1 1 0px。這允許每個項目擴展並佔據相同份額的可用空間。
請注意,儘管「px」測量單位可能看起來多餘並且可以省略,但它對於確保在 Internet Explorer 中正確呈現至關重要.
以上是如何讓 Flexbox 項目具有相等的寬度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!