最简单区分二者的方法是 inline不会独占一行 block会单独占用一行的空间
css中 width与height只对block有效 对inline无效
css中 margin与padding只对inline的左右生效 上下无效
二者转换可以用 display:inline display:block
display:inline_block 给内联原始设置宽高
区别 | 独占一行? | 设置宽高? | 竖直方向的margin,padding | 水平方向的margin,padding |
---|---|---|---|---|
块状元素 | 是 | 是 | 有,可以设置 | 有,可以 |
内联元素 | 否 | 是 | 不可以 | 有,可以 |