如何设置HTML文字实现水平居中显示？

本文共计406个文字，预计阅读时间需要2分钟。

方法：1、在标签中使用style属性，添加text-align:center;样式来设置文字水平居中；2、使用style属性，添加vertical-align:middle;display:table-cell;样式来设置垂直居中。操作环境：

方法：1、在标签中使用style属性，添加“text-align:center;”样式来设置文字水平居中；2、使用style属性，添加“vertical-align:middle;display:table-cell;”样式设置垂直居中。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1：使用style属性，添加“text-align:center;”样式

HTML style属性规定元素的行内样式（inline style）

css text-align属性规定元素中的文本的水平对齐方式，通过使用center值设置文本居中。