我需要将内容居中，但如果我不设置宽度，它就不起作用。我很想设置宽度，但问题在于在较大的显示器上它运行良好，但是当我在较小的显示器上尝试时，左栏位于顶部，中间栏位于其下方，右侧栏也是如此。那么如何使用margin:0 auto但不指定宽度居中？
<div class="mainwrap">
<div class="left"></div>
<div class="centerContent"></div>
<div class="right"></div>
</div>
和CSS
.mainwrap{
margin:0 auto;
}
.left{
vertical-align:top;
display:inline-block;
margin-left:30px;
width:250px;
}
.centerContent{
padding-top:20px;
display:inline-block;
width:800px;
margin:0px;
background-color:#F7F7F7;
border:1px solid #C0C0C0;
}
.right{
display:inline-block;
vertical-align:top;
background-color:blue;
width:200px;
}