display,指元素呈现框的类型
常见的有,display:none|inline|block|inline-block|table...
块级元素:会新开始一行并且尽可能的撑满容器 例如p,h1,div
行内元素:只占据它对应标签的边框内所包含的空间,例如:span button
block,此元素为块级元素,此元素的前后默认带有换行符,可设置宽高并且显示
inline,此元素强制设置成行内元素,不可设置宽高并同行显示
block和inline的区别(也就是块级元素和行内元素的区别)
默认宽度,块级元素的默认宽度为父元素宽度,行内元素的宽度默认为内容宽度,
可设置宽高,块级元素可设置宽高,行内元素不可设置宽高
起始位置,块级元素的起始位置是换行,行内元素的起始位置是同行
inline-block,此元素默认宽度为内容宽度,但是可以设置宽高,同行显示并整块换行
none,隐藏对象,并且不保留物理空间
visibility:none,隐藏对象,但是会保留物理空间
布局居中显示
我个人常用的是margin:0 auto,视频中使用的方法记录一下,设置了父元素.content{text-align:center},然后设置子元素的display:inline-block,text-align:initial;(初始化)