🦖欢迎观阅本本篇文章，我是Sam9029
文章目录
- 上下左右居中--方法总结手册
-
- 使用前注意
-
- 注意：每种方法的使用场景问题
- 1. 已知 宽高 的父元素 的情形下
- 2. 未知 宽高 的父元素的情形下
- 此文将介绍`6种` 实现元素 上下左右居中方法
-
- 1.定位+transform
- 2.flex布局实现
- 3.gird布局实现
- 4.`display:table`实现
- 5.line-height实现
- 6.未知名称法（使用纯定位）
- 注意事项
-
- 消去默认`margin`+`padding`影响
- `text-align`/`line-height`/`vertical-align` 设置 仅对元素内的 行内块元素和行内元素生效
- 参考
- 🦖欢迎查阅Sam9029 的其他文章
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/33776.html