html文本居中

作者：狂神战天发布日期:2025-04-14 浏览:94

<!DOCTYPE html>
<html>
<head>
    <style>
        /* 使用 CSS 的 text-align 属性将文本居中 */
        .center-text {
            text-align: center;
        }
    </style>
</head>
<body>

<div class="center-text">
    <p>这是一个居中的文本示例。</p>
</div>

</body>
</html>

解释说明：

HTML 结构：我们创建了一个简单的 HTML 页面，包含一个 div 元素，其中有一个段落 (<p>)。
CSS 样式：通过定义 .center-text 类，并使用 text-align: center; 属性，可以让该类下的所有文本内容水平居中对齐。
应用样式：将 .center-text 类应用到 div 上，使得 div 内的所有文本（包括 <p> 标签内的文本）都居中显示。

上一篇：html设置背景图片

下一篇：html 横线