display
- inline:将元素变为行内元素。
-
- 不会独占一行,排列自左向右。可以通过display:inline将一个块元素变为行内元素。
- block:将元素变为块元素。
- 独占一行,排列自上而下。可以通过display:block将一个行内元素变为块元素。
- none:设置空值,不显示,隐藏起来。(不占用页面显示空间。但是标签还是存在。)
- inline-block:行内块元素。按照行内方式排列,同时具备块元素宽高。
- span标签:行内标签,没有宽度和高度。无法设置width和height属性。设置display:block,设置宽度和高度
- 让标签元素按照某一个方向浮动起来。脱离文档流。
-
- 取值:left、right
- 可以让所有需要进行布局的层进行向左浮动。
- 清空浮动
-
- 取值:left、right、both清空左右两边浮动
- 取值:left、right、both清空左右两边浮动