[英]How to center a box to the center in CSS?
我用div
创建了一个盒子,里面还有 4 个div
:
HTML:
<div className='main__container'>
<div className='item'>Image</div>
<div className='item'>Name</div>
<div className='item'>Price</div>
<div className='item'>Quantity</div>
</div>
CSS:
.main__container {
position: relative;
text-align: center;
margin: 0px auto;
display: flex;
background-color: white;
}
.item:not(:last-child) {
margin-right: 100px;
}
这是我得到的输出:
我想把整个盒子放在中心。 我尝试使用margin: 0px auto
但它不起作用。
如果需要更多信息,请发表评论。
也许
.main__container {
// other
width: max-content;
margin-left: auto;
margin-right: auto;
// other
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.