作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
请问关于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/
我是一名优秀的程序员,十分优秀!