css浮动居中问题？
<div>
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
...
</div>
div的宽度是用的百分比，比如60%，图片有具体的宽度，怎样能够让div在不同的百分比宽度下，一列的img图片都能居中显示？
根据各位的回答，居中问题已经解决，但是还有一个问题就是：
假设有很多行的图片，如果在一行中最右边的位置不能容纳一个图片的话，图片会到下一列，这样就会出现左右间距不一致了？ 这样的情况该如何处理？
娜娜爱紫罗兰
9 years, 8 months ago
Answers
用
margin-left
和
margin-right
设置为 auto 可以居中
margin-left: auto;
margin-right: auto;
把
img
改成
block
方式独占一行
display: block;
打酱油的阿司
answered 9 years, 8 months ago
https://github.com/sclchic/-/blob/master/detail 希望这个可以给你提供思路
Chero
answered 9 years, 8 months ago
原文在哪里一时忘了，百度了一下，随便找了一个类似的文章
http://www.cnblogs.com/joe235/archive/2008/09/16/1291463.html
如果你有兴趣的话，可以自己搜索一下： http://www.baidu.com/s?wd=float%20center&ie=utf-8
关键词是： float center
当然，这个所谓的
float center
不过是模拟的而已，其实就是利用
relative
相对定位后，先让某父级
left:50%
，然后再然这个父级的子元素
left:-50%
回来，最后这个子元素里面的
img
就居中啦……
修·西拉卡娃
answered 9 years, 8 months ago