前端学习(二十三) display(css)

display,指元素呈现框的类型

常见的有,display:none|inline|block|inline-block|table...

块级元素:会新开始一行并且尽可能的撑满容器 例如p,h1,div

行内元素:只占据它对应标签的边框内所包含的空间,例如:span button


block,此元素为块级元素,此元素的前后默认带有换行符,可设置宽高并且显示

inline,此元素强制设置成行内元素,不可设置宽高并同行显示


block和inline的区别(也就是块级元素和行内元素的区别)

默认宽度,块级元素的默认宽度为父元素宽度,行内元素的宽度默认为内容宽度,

可设置宽高,块级元素可设置宽高,行内元素不可设置宽高

扫描二维码关注公众号,回复: 2088352 查看本文章

起始位置,块级元素的起始位置是换行,行内元素的起始位置是同行


inline-block,此元素默认宽度为内容宽度,但是可以设置宽高,同行显示并整块换行

none,隐藏对象,并且不保留物理空间

visibility:none,隐藏对象,但是会保留物理空间


布局居中显示

我个人常用的是margin:0 auto,视频中使用的方法记录一下,设置了父元素.content{text-align:center},然后设置子元素的display:inline-block,text-align:initial;(初始化)

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/80875199