行内元素与块元素

一、行内元素

a span strong em mark img time

特征：

①内容撑开宽高。宽高的值都是auto

②不支持设置宽高

③不支持上下的margin与上下的padding。只支持左右的margin与padding

④行内元素在一行显示

⑤代码换行会被解析成一个空格（解决空格：font-size=0）

二、块元素

div h1-h6 p ul li ol dl dt dd header nav footer section article aside

特征：

①默认独占一行

②没有给宽度时，宽度是auto，有父级时，宽度就是父级的宽度。

③支持所有的CSS命令

 

display:inline-block     行内块元素

特征：

①行内元素支持宽高

②块元素可以在行中显示

③不给宽度的话，宽度由内容撑开

④代码换行会被解析成一个空格

⑤IE6/7不支持块元素的inline-block

建议：能不用就不用

转载于:https://www.cnblogs.com/lemonlee/p/9594326.html