大家好，今天我们来聊聊CSS中的text-align属性。你可能觉得它只对文本有效，但其实块级元素也能用它来实现居中效果。别急，我会用通俗易懂的方式给你解释清楚。
什么是text-align？
text-align是一个CSS属性，用于设置块级元素内文本的对齐方式。简单来说，就是让文本在元素内部水平居中、左对齐或右对齐。
实战案例：块级元素居中
比如，我们有一个
元素，里面包含了和
、
和![]()
等元素。如果我们想让这些元素都居中显示，该怎么办呢？
hhh
nihaohaohhh
hhh
nihaohaohhh
我们可以给父级
元素添加text-align:center属性，这样所有子元素都会水平居中显示。但为什么
和
这些块级元素也能居中呢？
揭秘：text-align的奥秘
其实，这是因为块级元素默认会继承父级元素的text-align属性。当我们没有给块级元素设置宽高时，它的宽度会继承父级的宽度，高度由内容撑开。因此，当父级元素设置了text-align:center时，块级元素也会水平居中显示。
但如果给块级元素设置了宽高，比如我们给
元素设置了宽高，那么它的文本会居中，但自身不会居中。这时，如果我们将
元素转换为行级块元素，它不仅文本居中了，自身也居中了。
小结与拓展
通过本文，我们了解了text-align属性的基本用法以及块级元素居中的奥秘。接下来，你可以尝试使用text-align属性来实现各种居中效果，让你的页面更加美观。
我是「思享编程网」（www.sxgpb.com）的陆砚码，如果你对CSS还有其他疑问，欢迎关注我们的网站，更多精彩内容等你来发现！