子元素居中

BUG小太阳

于 2021-07-21 11:24:55 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

分类专栏： css样式

本文链接：https://blog.youkuaiyun.com/ceshixiao/article/details/118962536

css样式专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种实现网页元素居中的方法。方法一利用CSS的margin属性，设置上下左右为auto；方法二通过left和top属性配合transform进行平移。这两种方法在网页布局中常见且实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：模块居中


方法一：
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin:auto;
方法二：
     left: 50%;
     top: 50%;
     transform: translateX(-50%) transformY(-50%);