开发者社区> 问答> 正文

css浮动居中问题?

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

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

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

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

    display: block;

    2019-07-17 19:18:27
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载