.page-nav ul居中问题对应视频3-5 11.07

来源:3-5 商品展示-4

codeJeffry

2019-09-25 11:32:07

http://img.mukewang.com/climg/5d8adf4309f3bfdb15490646.jpg讲代码修改为宽度800px就不是居中了为什么 ?设置为1200px时就跟没设置一样.

写回答

3回答

好帮手慕小班

2019-09-25

同学你好,这里将width修改为800,并不是整体ul不居中了,而是ul的宽度比较大,所有的li没有将ul的宽度占满,例如:

ul的宽度为500px时:

http://img.mukewang.com/climg/5d8b113809f9c81a13370315.jpg

ul的宽度为800px时:

http://img.mukewang.com/climg/5d8b11e109a96bb513240295.jpg

如上所示黄色区域就是margin的距离。

每一个li都是块元素并且是浮动后的元素,所以这里直接写text-align: center;是不生效的。建议同学将.page-nav ul宽度还是设置为500px哦,如果同学想设置.page-nav ul宽度还是设置为800px,可以尝试调整每个li的margin-right的值再来试一下呐,例如:

http://img.mukewang.com/climg/5d8b136e09c0ba6f13420310.jpg

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

1

codeJeffry

提问者

2019-09-25

text-align: center;

也不管用,为什么

0

codeJeffry

提问者

2019-09-25

第163行

0

0 学习 · 9666 问题

查看课程