开发者社区> 问答> 正文

css浮动居中问题?

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

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

展开
收起
杨冬芳 2016-05-31 18:44:48 1821 0
1 条回答
写回答
取消 提交回答
  • IT从业

    关键词是:float center

    当然,这个所谓的float center不过是模拟的而已,其实就是利用relative相对定位后,先让某父级left:50%,然后再然这个父级的子元素left:-50%回来,最后这个子元素里面的img就居中啦……

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

相关电子书

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