Html如何设置元素水平居中？

Question

如题所述

Answer 1

HTM是HyperTextMark-upLanguage的缩写，即超文本标记语言（标准通用标记语言下的一个应用），是WWW的描述语言。HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等。

本篇介绍HTML中如何设置水平居中。

1、第一种定宽块状元素水平居中。设置“左右margin”值为“auto”来实现居中。代码如图。

2、浏览器查看结果如图所示。

3、第二种不定宽元素。设置的居中的元素外面加入一个table标签。为这个table设置左右margin居中。代码如图。

4、结果显示如图所示。

5、第三种不定宽块状元，改变块级元素的display为inline类型，然后使用text-align:center来实现居中。代码如图。

6、打开浏览器显示结果如图所示。