我有几个div水平对齐。
如何自动调整它们之间的间距,以便在调整屏幕大小或添加另一个div时,div之间的间距相等。
屏幕宽度为600px时的示例:
html - 如何在不使用百分比的情况下自动在div之间添加间距?-LMLPHP
屏幕宽度为330px时的示例:
html - 如何在不使用百分比的情况下自动在div之间添加间距?-LMLPHP
希望我的解释足够好。
谢谢你的帮助!

最佳答案

Flexbox可以做到这一点https://jsfiddle.net/2Lzo9vfc/210/
HTML。

<div class="content">
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
</div>

CSS
.content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
}

.box {
    background: black;
    padding: 25px;
    color: white;
}

10-05 20:49
查看更多