为什么 text-align:center 能使得内容居中

        .tabbar-item {
            float: left;
            width: 33.333333%;
            height: 100%;
            color: #c2cfcc;
            text-align: center;
        }

text-align:center 不应该是文本类标签才能起作用的嘛？

weixin_慕尼黑0465866 2023-03-24

源自：流体布局 2-6 标签栏

收起

1回答

好帮手慕小李 2023-03-24 16:30:12

同学你好，如下：

html如下：

<a href="">我是A标签</a>

</div>

<b>我是B标签</b>

</div>

</div>

<i>我是i标签</i>

</div>

<em>我是em标签</em>

</div>

<p>我是p标签</p>

</div>

</div>

css如下：

* {

margin: 0;

padding: 0;

}

.divBox {

width: 800px;

height: 100px;

margin: 0 auto;

border: 1px solid #ccc;

text-align: center;

}

同学试试，祝学习愉快！

收起回答

提问者 weixin_慕尼黑0465866 #1

老师的意思是，只要是行内标签都可以使用这个来使得内容水平居中？

2023-03-24 16:42:29
好帮手慕小李回复提问者 weixin_慕尼黑0465866 #2

不仅仅是行内元素，我举的例子中不仅仅是行内元素，还有p标签、h1标签它们属于块级元素。不管是行内元素还是块级元素，对于text-align:center都是可以继承的。如下：

2023-03-24 16:47:27
提问者 weixin_慕尼黑0465866 回复好帮手慕小李 #3

那什么时候用 text-align：center居中什么时候用 margin:0 auto 进行居中了？

2023-03-24 20:58:29