行内元素设置padding和margin

先说结论
1、margin在水平方向有效,垂直方向无效。
2、padding在水平方向有效,垂直方向可以有视觉效果,但是不影响布局
3、高度height和宽度width的设置是无效的,高度可用line-height设置

举个列子




	
	Document	

	
	
	

视觉效果如下:
行内元素设置padding和margin_第1张图片
可以看到,a标签的margin和padding在水平方向是有效的,padding从视觉效果上看,在垂直方向依旧有效,但是却没有影响垂直方向上的布局。

参考文章:http://maxdesign.com.au/articles/inline/

你可能感兴趣的:(CSS)