水平居中margin:auto后设置width值的疑问
来源：3-5 商品展示-4
慕粉1908354706
2020-08-12 17:36:17
这里的width设置成500px就可以水平居中，我改成比500更大的值比如1000，1200，就会往左偏移。请问是什么原因，那么在实现水平居中时应该怎么选择width的数值？
写回答
1回答
-
同学你好
这里居中，其实是ul进行了居中，如果增大ul的宽度为900px，效果图：ul居中了，但是内容看起来没有居中，如下
综上可以看出，ul的宽度应该和ul中内容的宽度相同，如果ul的宽度大于其中内容的宽度，虽然ul居中了，但是里面的内容是从ul左边开始进行显示的，这样会导致内容没有居中
因此在设置时可以大致看一下每个li的宽度，大致计算一下宽度是多少，如果不是很合适再适当的调整。
祝学习愉快
1
相似问题