我知道使用 flexbox 而不是像這樣的舊概念要舒服得多
display: inline;
float: right
但是,當您僅通過放置一個容器并使用display: flex;而不是將容器內的每個元素更改為 來比較使用 flexbox 時,使用 flexboxdisplay: inline;的優勢是什么?我的意思是除了使用方向、換行、對齊內容等。
所以當我舉一個例子時 
我是否也可以通過使用display:inline和來實作這些屬性(一個專案在容器內一個接一個地水平放置,一起擬合總容器大小)float: right?
我知道這是無效的。但是我正在尋找為什么 flexbox 是舊的行內/浮動方法的一個很好的替代方案,即使你只使用 flexbox 的主要功能。
uj5u.com熱心網友回復:
...爭論為什么 flexbox 是舊的行內/浮動方法的一個很好的替代...
為什么是 Flexbox?
長期以來,唯一可用于創建 CSS 布局的可靠的跨瀏覽器兼容工具是浮動和定位等功能。這些作業,但在某些方面他們也限制和令人沮喪。
使用此類工具以任何方便、靈活的方式難以或不可能實作以下簡單的布局設計:
在其父級中垂直居中一個內容塊。
無論有多少寬度/高度可用,讓容器的所有子級都占用相同數量的可用寬度/高度。
使多列布局中的所有列采用相同的高度,即使它們包含不同數量的內容。
MDN 彈性盒
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/361300.html
