老师能不能帮忙总结下盒子内块级元素和行内元素水平和垂直居中的已经学过的所有方法
来源：3-4 编程练习
weixin_慕码人1392209
2020-03-26 13:18:27
11111
写回答
1回答
-
同学你好，问题解答如下：
1. 块级元素水平垂直居中实现方法如下：
结构：
方法1：使用margin设置水平居中：
效果如图：
方法2：使用定位设置水平、垂直居中
效果如图：
其中，如果只设置left:0;right:0;margin:auto;就是水平居中；如果只设置top:0;bottom:0;margin:auto;就是垂直居中；
方法3：定位和margin结合实现居中
效果如图：
其中，如果只设置left:50%;margin-left:-50px;就是水平居中；如果只设置top:50%; margin-top:-50%;就是垂直居中；
2. 行内元素水平垂直居中方法如下：
结构：
样式：
效果如下：
建议同学自己在学习的过程中要不断的总结知识点、做好笔记，只有这样知识才是自己的！
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题
请老师帮忙查看
回答 3
如何让文字垂直居中？如何让六个元素居中？
回答 2