慕课网 课程首页图片居中

Question

请问慕课网http://www.imooc.com/course/list课程首页图片居中是怎么做的？我看了好久的代码都没有看出来，谢谢指点

Answer 1

这两张图非常直白的告诉了你它能居中是因为有内填充：padding（看到绿色的部分了吗？那就是padding）。

Answer 2

.course-list li {

   width: 18.75%;

   padding-left: 1.5625%;

   padding-right: 1.5625%;

   margin-left: 3.125%;

}

他是算出来的百分比居中