0717-6901988

免费获取方案
  • 元润科技

    • 信息中心

    这里见证我们每一步的成长

    立即咨询

    亲测-解决flex布局space-between最后一行左对齐的方法

    时间：2020-10-24   流量：7477





    可以看到最后一个div并没有在中间，而是在最后了

    因为我们设置了justify-content为space-between，意思就是两边贴边

    这时候我们可以给最外层div设置个伪元素，宽度和里面的div宽度一样就好了

    只需要两行css就可以



    .main:after {
        content:"";
        width:100px;
    }
    这时候看效果


    其实原理就是最后一个伪元素把他挤过来了

    就算有9个也没影响，因为他的高度是0，




    标签：
    相关新闻
    热门标签
    80%

    访客选择看一看


    服务器运维
    自媒体运维
    数字内容制作
    工业互联网
    展厅控制系统
    知识产权
    商标注册
    SEO优化
    社区积分治理
    城市分站
    云计算服务
    软件定制开发
    电商购物
    小程序开发
    微信公众号开发
    企业官网

    为您免费定制
    专属的《策划方案与报价》

    通过对标站点分析，结合行业特点，提炼行业核心关键词,放大行业优势与不足，从而汲取经验，利用专用工具规划栏目板块；再对应品牌自身定位与核心竞争力，整理出一份合适的解決方案。

    福利：

    1.企业改版，可享受元润建站基金扶持，最高优惠达5万元。

    2.为支持残疾事业，建站优惠最高至全免。

    3.为支持公益事业，建站优惠最高至全免。

    4.为支持社会基层事业，建站优惠最高至全免。


    • 鄂·宜昌

      17*****1253

      6小时前

    • 黑·伊春

      13*****6310

      3小时前

    • 辽·铁岭

      15*****7731

      1小时前

    • 陕·安康

      15*****9045

      1小时前

    • 鲁·济南

      15*****2109

      刚刚

    close
    网站地图
    关于我们
    走进元润
    企业文化
    荣誉资质
    服务产品
    企业官网
    微信公众号开发
    小程序开发
    电商购物
    软件定制开发
    城市分站
    社区积分治理
    SEO优化
    云计算服务
    服务器运维
    自媒体运维
    数字内容制作
    工业互联网
    展厅控制系统
    知识产权
    商标注册
    成功案例
    企业官网
    微信公众号开发
    小程序开发
    电商购物
    信息中心
    最新动态
    媒体报道
    小元观点
    通知公告
    商务合作
    城市分站