常规我们知道html中要实现一些相对复杂好看现代化的的布局的时候,常见使用的布局
- 正常布局流
- 弹性盒子布局
- 网格布局
- 浮动
- 定位
- css表格布局
- 对列布局
- display 属性
正常布局流
<ul>
<li>待办事件一</li>
<li>待办事件二</li>
<li>待办事件三</li>
<li>待办事件四</li>
</ul>
<p>已完成事件</p>
display 属性
block,inline,inline-block
浮动-float
float 属性有四个可能的值:
left — 将元素浮动到左侧。
right — 将元素浮动到右侧。
none — 默认值, 不浮动。
inherit — 继承父元素的浮动属性。
position
默认为 static
表格布局
display: table
多列布局:Multi-column layout 可以让块按列布局
display属性
display:block
display:inline
display:flex
display:grid
弹性盒子(Flexbox)
display: flex
本文由 Nio 创作,采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为:
2021/11/22 23:47