如代码所示,块状元素div包裹块状元素a,应该是div设置了a整个元素在一整行居中的,就是这个宽30的背景颜色在一整行居中的,为什么效果却是靠左?
如果div不是保证a整个元素居中,只是保证文字居中,而此处不具有优先级,那么可以解释。但是如果是这样,那么为什么a改为display:inline-block;之后,div却能保证a整个元素在一行居中呢?
不知道有没有人明白我的意思,求指点,谢谢
我的理解是因为text-align针对line属性的,而对block属性不起作用
我就这么理解吧
block只是使元素变为一整块
line是是元素具有水平位置属性
因为我把你代码中display:block;改为display:line;他也居中了
我理解的居中都是针对block的。对于div,因为div是占据一整行的block,所以我们看到的居中就是在一行里居中,其实就是在div的block里居中;而对于inline-block的a来说,它的block就是我们看到的粉色方块,所以设置居中元素就是在这个粉色方块里居中,因为它的block就这么大,它并不能占据一整行。
那怎么把两个div放在同一行呢?不能用“display:inline-block;”吗?