为什么a标签设置成块状元素了还能用text-align:center居中呢

Question

如题目所示  非常不解

Answer 1

你具体代码是如何设置呢，你的<a>标签有变成块状元素后有加宽度吗？块状<a>标签并不会被text-align:center改变位置；但是没有设置宽度的时候，默认宽度为100%，而里面的文字居中了，显得效果有点像居中，举例：

<!--1.text-aling放到本身元素-->
<a style="display:block;width:200px;text-align: center;">a标签</a>
<!--2.text-aling放到父级元素-->
<div style="text-align: center;"> 
<a style="width:100px;display:block">a标签</a>
<div style="width:100px;">div标签</div>
</div>

1的结果可以看出，只是文字居中，而<a>标签并没有动

2的结果<a>标签同样没有动

Answer 2

text-align:center

本身就能设置块级元素啊