a标签和p标签不能设置margin

经常会发现正常div的属性在a标签上或者p标签上都不管用,这是因为a标签和p标签都不是盒子模型。

例如:

<div style="margin-top:5px;"></div>

这是有效的距离,但是

<a style="margin-top:5px;"></a>

这就是无效的距离

原因很简单,margin是针对盒子的,a标签和p标签都不是盒子模型,但是可以把他们变成盒子模型

style="display:block"

变成块级元素后,就成为盒子模型了,就可以设置margin等属性了。

猜你喜欢

转载自www.cnblogs.com/-rainbow-/p/9489269.html