行级元素 inline
:内容决定元素所占位置,不可通过css改变宽高
span strong em a del
块级元素 block
:独占一行,可通过css改变宽高
div p ul li ol form address
行级块元素 inline-block
:内容决定大小,可以改变宽高
display:inline|block|inline-block
凡是带有inline的元素都有文字特性 如:
<img src="">img
<img src="">img
<img src="">img
这三张图片中间有4像素的空隙
解决方法:1.把img写成一行:<img src=""><img src=""><img src="">
2.用css代码:img{margin-left:-4px;}