搜索

首页  >  问答  >  正文

css - 如何实现四栏等宽自适应布局

面试的时候碰到的问题, 如何实现四栏等宽,中间设置一定间隙的自适应布局:

如图,在未知宽度的父容器中, 里面四列等宽,中间间隙相等,比如10px:(我目前只想到是用JS先获取父容器宽度,然后通过减去间隙,再计算设置列的宽度后设置列宽度),有没有不用JS的方法?

阿神阿神2770 天前495

全部回复(3)我来回复

  • 迷茫

    迷茫2017-04-17 13:51:25

    雷雷

    </body>

    回复
    0
  • 阿神

    阿神2017-04-17 13:51:25

    你可以这样试试:(假设外层容器的宽度为100%),
    .wrap p{

        background: blue;
        float:left;
        width:20%;
        height:100%;
        margin:0 2.5%;
    }

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 13:51:25

    bootstrap的栅格系统

    回复
    0
  • 取消回复