Html如何设置元素水平居中(html怎么把内容水平居中)

Html如何设置元素水平居中(html怎么把内容水平居中)

首页维修大全综合更新时间:2024-12-09 12:04:44

Html如何设置元素水平居中

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

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

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

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

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

4、结果显示如图所示。

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

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

大家还看了
也许喜欢
更多栏目

© 2021 3dmxku.com,All Rights Reserved.