在网页中常用到的几种居中方法

⌾ 365天第三季无删除完整翻译 ⏱ 2026-01-07 05:14:40 ✍ admin 👁 4782 ❤ 809

1、行内元素水平居中，可以在父元素中使用text-align:center;垂直居中可以用，line-height:100px;例如：

代码语言：javascript复制

文字居中

2、块级元素水平居中，可以用margin:auto;代码如下：

代码语言：javascript复制

文字居中

3、元素绝对居中，利用定位position，代码如下：

代码语言：javascript复制

文字居中

4、元素绝对居中的另一种方法，代码如下：

代码语言：javascript复制

文字居中

相关推荐