<分区>
<分区>
我希望我的元素 .item 在 #item-wrapper 内与左侧对齐,并在 .items div 内居中。它有点工作,但是当我调整窗口大小时,#item-wrapper 不再具有正确的宽度
.items {
text-align: center;
box-sizing: border-box;
width: 80vw;
margin: auto;
padding: 10px;
display: flex;
background: red;
}
#items-wrapper {
margin: auto;
text-align: left;
font-size: 0;
background: green;
}
.item {
box-sizing: border-box;
width: 250px;
height: 250px;
display: inline-block;
background: blue;
border: 1px solid black;
}
<div class="items">
<div id="items-wrapper">
<div id="item01" class="item"></div>
<div id="item02" class="item"></div>
<div id="item03" class="item"></div>
</div>
</div>
最佳答案
.items {
text-align: center;
box-sizing: border-box;
width:80%;
margin: auto;
padding: 10px;
display: flex;
background: red;
}
#items-wrapper
{
margin: auto;
text-align: left;
font-size: 0;
background: green;
}
.item {
box-sizing: border-box;
width:32%px;
height:32%px;
display: inline-block;
background: blue;
border: 1px solid black;
}
如果你想将你的 div 元素停止到某个尺寸,你可以给出最小宽度:例如 100px;
关于html - 用内容扩展 div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53373851/