图片是怎么居中的呢

首页课程实战体系课手记专栏慕课教程

图片是怎么居中的呢

来源：2-6 主体部分的中间

一拍

2019-11-22 22:37:16

一开始图片的宽度设置的33.3%

为什么后面设置了高度和宽度就把这个代码删了，那图片是怎么居中的呢

写回答

1回答

好帮手慕慕子

2019-11-23

已采纳

同学你好，对于你的问题解答如下：

开始是给外层盒子（m-com）设置宽度33.3%，给图片设置宽度后，就不用给盒子设置宽度了，盒子会有里面的内容撑开宽度的
老师这样写图片在小盒子（m-com）内居中显示了，因为m-com设置填充，所以图片左右的空白间距是一样，那么图片在小盒子内部就是水平居中显示的。但是没有实现整体居中显示，因为每个小盒子（m-com）占据的实际宽度为 330 = 310 +20, 需要调整大盒子的总宽度设置为990 = 330 * 3，让大盒子刚好包裹所有的内容，然后结合margin属性实现整体居中显示，所以同学自己在书写的时候，可以给m-bottom设置一个固定的宽度，示例：

如果帮助到了你，欢迎采纳，祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 2

回答 2

回答 2