将多个DIV放在一行显示的三种方法(超简洁,一目了然) |
您所在的位置:网站首页 › 如何将两个div并列显示出来呢 › 将多个DIV放在一行显示的三种方法(超简洁,一目了然) |
1.先设置一个DIV,里面套4个子div,并设置样式,width用像素或者%百分比表示时: #contain{ display: flex; //挤不下换行 flex-wrap: wrap; //展开铺满,justify-content:center;则代表居中 justify-content:space-between; } .main{ width: 500px; height:350px; }2.width用vh表示时,父div中要加上position: fixed;: #contain{ position: fixed; display: flex; //挤不下换行 flex-wrap: wrap; justify-content:space-between; } .main{ width: 40vh; height:350px; }可以注意到子div无需加display: inline-block; 也可以实现。 – 效果如下当width为40vh时,此时一行可装下: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |