block与 inline,以及inline-block的区别
block (块级元素)
宽度默认为100%,高度由内容撑开
支持自定义宽高属性
自动换行
元素居中方式为:margin:auto
支持margin属性
inline (行内元素)
宽高默认为0,由内容撑开
不支持自定义宽高属性
默认出现在一行
行内元素代码块换行会在页面中出现一个空格位
元素居中只能在外层加块级,然后再块元素中设置text-align:center
不支持margin-top/margin-bottom
inline-block(行内块级元素)
默认排列在一行
宽高默认由内容撑开
原创
2020-10-12 19:39:08 ·
120 阅读 ·
0 评论