开发者社区 问答 正文

css浮动居中问题?

<div>
    <img src="">
    <img src="">
    <img src="">
    <img src="">
    <img src="">
    ...
</div>

div的宽度是用的百分比,比如60%,图片有具体的宽度,怎样能够让div在不同的百分比宽度下,一列的img图片都能居中显示?
根据各位的回答,居中问题已经解决,但是还有一个问题就是:
假设有很多行的图片,如果在一行中最右边的位置不能容纳一个图片的话,图片会到下一列,这样就会出现左右间距不一致了? 这样的情况该如何处理?

展开
收起
a123456678 2016-05-27 17:31:58 2058 分享 版权
1 条回答
写回答
取消 提交回答
  • 用 margin-left和margin-right 设置为 auto 可以居中

    margin-left: auto;
    margin-right: auto;
    把 img 改成 block 方式独占一行

    display: block;

    2019-07-17 19:18:27
    赞同 展开评论
问答分类:
问答地址: