手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML中如何设置水平居中

时间:2024-10-13 05:37:49

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

HTML中如何设置水平居中

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

HTML中如何设置水平居中

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

HTML中如何设置水平居中
HTML中如何设置水平居中

4、结果显示如图所示。

HTML中如何设置水平居中

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

HTML中如何设置水平居中
HTML中如何设置水平居中

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

HTML中如何设置水平居中
© 手抄报圈