布局模式

布局模式(有时称为布局)是一种 CSS 算法,它根据元素框与同级框和祖先框的交互方式来确定元素框的位置和大小。

有几种布局模式

流式布局或正常流

所有元素都属于正常流,直到你采取一些措施将它们移出正常流。正常流包括:

块级布局

用于布局段落等框。

行内布局

用于布局文本等行内元素。

表格布局

用于布局表格。

浮动布局

用于将元素定位在左侧或右侧,让其他内容在正常流中环绕。

定位布局

用于定位元素,使其与其他元素的交互较少。

多列布局

用于像报纸一样将内容分成多列进行布局。

弹性盒子布局

用于布局可以平滑调整大小的复杂页面。

网格布局

用于相对于固定网格布局元素。

注意:并非所有 CSS 属性都适用于所有布局模式。大多数属性适用于其中一两种,如果应用于参与其他布局模式的元素,则无效。

另见