MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

 CSS 布局模式, 有时简称为布局, 是一种基于盒子与其兄弟姐妹盒子和祖辈盒子的交互方式,来确定盒子的位置和框的大小的算法.  有以下几种不同形式:

  • 块布局(block layout), designed for laying out documents. The block layout contains document-centric features, like the ability to float elements or to lay them out over multiple columns.
  • 行内布局(inline layout), designed for laying out text.
  • 表格布局(table layout), designed for laying out tables.
  • 定位布局(positioned layout), designed for positioning elements without much interaction with other elements.
  • 弹性盒子布局( flexible box layout), designed for laying out complex pages that can be resized smoothly.
  • 网格布局(grid layout), designed for laying out elements relative to a fixed grid.

Note: Not all CSS properties apply to all layout modes. Most of them apply to one or two of them and have no effect if they are set on an element participating in another layout mode.

也可以看看

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub, xgqfrms
 最后编辑者: xgqfrms-GitHub,