关于自动居中

老师你好，auto表示自适应，自动居中的话，对于第二排，宽度和其他模块不一样，为什么还是左对齐不是自动居中呢

weixin_慕数据1559209 2020-06-30

源自：前端油画商城案例 3-6 模块2正文区小结

14

收起

1回答

好帮手慕笑蓉 2020-07-01 11:02:50

同学，你好。设置居中是给整个内容区content设置的左右居中，内容区包括了banner区、图文展示区，由于图文展示区的宽度大于content，此时的居中则没有效果了，因为对于图文展示区来说，content区已经没有多余的空间让他居中显示了，此时图文展示区会沾满整个content，左对齐于content的左边，溢出部分就直接溢出。

如果解决了你的疑惑，请采纳，祝学习愉快～

提问者 weixin_慕数据1559209 #1

在一排内没有多余的空间的话，完全可以下一排呀，这也没规定超过content的长度只能放在一排，而且给整个内容区content设置的左右居中，与下面图文展示区按照1280的宽度进行左右居中并不矛盾呀，为什么一定要左边对齐呢

2020-07-01 14:58:55
好帮手慕笑蓉回复提问者 weixin_慕数据1559209 #2

同学，你好。 1、content设置的居中是相对于整个图文展示区，整个图文展示区是一个div，一个div标签不存在分行显示的情况； 2、content区的宽度是1200px，而图文展示区的宽度是1280px，没办法放下整个图文展示区，因此就会出现溢出的情况，就像一个盒子只有高度只有1m，如果要放下一个高度2m的物体，那多出的高度也只能是在盒子外部了，也不能多出的宽度放到盒子底部下面，然后底部多出的高度和顶部多出的高度一样，这种也不符合现实。祝学习愉快~

2020-07-01 16:00:46
提问者 weixin_慕数据1559209 回复好帮手慕笑蓉 #3

老师，相当于同一个div中设置居中，那么就一定要保证里面的元素都是左对齐么

2020-07-03 08:16:14

点开查看后面1条评论

相似问题

关于元素居中问题?

为什么设置了ul的外边距为auto之后仍然不能居中

模块居中显示问题

浮动之后居中

如何设置中间浮动的盒子居中呢？

登录后可查看更多问答，登录/注册

3.从网页搭建入门Python Web

参与学习人
提交作业 218 份
解答问题 3562 个

本阶段带你用Python开发一个网站，学习主流框架Django+Flask是Python Web开发的第一步，在基础知识上实现积分商城的项目开发，体验真实的项目开发流程，提高解决编程问题和效率的能力。

本课精华内容

问答作业

关于git的问题

25 1

admin，index能正常打开，127.0.0.1：8000却打不开

15 2

地址编辑页面出错，帮看下是什么问题

25 1

可以具体讲解一下script里面的函数吗？

42 3

检测的时候出了问题

88 3

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号