CSS伪类

详解CSS居中对齐的3种方式15个样例

详解CSS居中对齐的3种方式15个样例

详解CSS居中对齐的3种方式15个样例

一、水平居中 

1、在块级父容器中让行内元素或者行内块元素居中,只需使用 text-align: center,这种方法可以让 inline/inline-block/inline-table/inline-flex 居中。

<div class="container">
  <span class="content">水平居中</span>
</div>
.container {
  text-align: center;
}

2、margin: 0 auto 或者 margin: auto,可以让块级父容器中的块级元素居中,对于行内元素,则需结合display:...

收藏 0

评论 0

本文标题: 详解CSS居中对齐的3种方式15个样例

本文链接: https://www.zhimatong.com/jiaocheng/1021.html (转载时请注明来源链接)

本文说明: 有问题或投稿请发送至: 邮箱/service@zhimatong.com    QQ/1174742835

特别鸣谢: 如果您觉得本文对您有帮助,请给我们一个小小的赞,收藏本文更利于反复学习哦!

联系
顾问

交流群 购物车
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录