title: 不定宽高水平居中
date: 2017年9月10日 17:55:53
tags: css
categories: 教程
author: "JiaWei"
设置不定宽高元素进行水平居中
1.最爱的flex实现
2.通过设置relative和transform进行位置偏移
[记录] CSS-不定宽高水平居中
2022-05-07
74
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
[记录] CSS-不定宽高水平居中
目录
相关文章
|
1月前
|
前端开发
|
1月前
|
前端开发
|
1月前
|
人工智能
前端开发
开发者
Baidu千帆大模型赋能——CSS控制DIV垂直水平居中——送给大一的孩子们，学会用AI思维来帮助你解决问题
Baidu千帆大模型赋能——CSS控制DIV垂直水平居中——送给大一的孩子们，学会用AI思维来帮助你解决问题
40
1
1
|
1月前
|
前端开发
|
1月前
|
前端开发
容器
|
7月前
|
前端开发
|
8月前
|
前端开发
|
9月前
|
前端开发
容器
|
11月前
|
前端开发
数据可视化
|
前端开发
容器
我已经说了5种css居中实现的方式了，面试官竟然说还不够？
这是一篇关于居中对齐方式的总结
开篇之前，先问一下大家都知道几种居中的实现方式？
面试时答出来两三个就不错了，就怕面试官还让你继续说。今天就来总结一下这些居中的方式
使用flex布局设置居中。
使用flex 时也能通过给子项设置margin: auto实现居中。
使用绝对定位的方式实现水平垂直居中。
使用grid设置居中。
使用grid时还能通过给子项设置margin: auto实现居中。
使用tabel-cell实现垂直居中。
还有一种不常用的方法实现垂直居中。
最后还有一种奇葩的方法。容器设置position: relative。孩子设置 top、left、bottom、right都设
140
0
0
