display: block 显示为块
inline 显示为内联
inline-block显示为内联块
块元素 block
独占一行
默认宽度100%
支持所有css属性(宽高,内外边距,行高)
内联元素: inline
可以在一行排列,一行盛不下自动换行
默认宽度适应内容
不支持宽高,不支持垂直方向的margin值,不支持垂直方向的padding值
不支持line-height
内联块: inline-block
可以在一行排列,自动折行
未定宽度时,适应内容
默认支持宽高,padding,margin,line-height
父元素{text-align: center;}可以实现居中
重新认识web前端-元素特性总结
最新推荐文章于 2023-01-03 17:05:01 发布