请问关于div里面的div怎么才能在屏幕上居中,根据里面的div是自适应的 最好可以是一排三个相等的div 两个显示,不管屏幕多大
.wrap {
border: solid 1px;
width: 100%;
height: 50%;
text-align: center;
margin: 0 auto;
}
.wrap>.child {
border: solid 1px red;
min-width: 32%;
height: 100%;
float: left;
margin: 0 auto;
}
<div class="wrap">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
<div class="child">4</div>
<div class="child">5</div>
<div class="child">6</div>
</div>
最佳答案
这应该可以解决问题
.wrap {
border: solid 1px;
text-align: center;
position: absolute;
width: 100%;
height: 50%;
top: 2px;
bottom: 2px:
right: 2px;
left: 2px;
}
.wrap>.child {
border: solid 1px red;
min-width: 32%;
height: 100%;
float: left;
margin: 0 auto;
}
<div class="wrap">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
<div class="child">4</div>
<div class="child">5</div>
<div class="child">6</div>
</div>
关于html - 如何让div里面的div居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35800853/