text-align: center; 是一种CSS属性,用于水平居中对齐文本内容。当应用于一个元素时,text-align: center; 将使元素内的文本内容在水平方向上居中对齐,即使元素的宽度大于文本内容的宽度时也能实现居中对齐。
以下是一个示例,展示了如何使用 text-align: center; 属性将文本内容水平居中对齐:
<style> .centered-text { text-align: center; }</style><div class="centered-text"> <p>This text is centered.</p></div>
在上述示例中,text-align: center; 应用于具有 .centered-text 类的 div元素。这将导致该div元素内部的文本内容在水平方向上居中对齐。
text-align: center; 只会影响元素内部的文本内容,而不会影响其他元素。如果要将整个元素居中对齐,包括元素自身的宽度,可以使用其他布局技术,例如使用 margin: 0 auto; 或 Flexbox 布局等。
此外,text-align: center; 属性还可应用于其他块级元素,如段落 (p、标题 (h1~h6)、列表 (ul, ol) 等,以使它们内部的文本内容水平居中对齐。