css - 强制居中对齐内容

Question

我有一些内容，其中包含一些分区、标签、表格。我想强制他们在页面的中心。我该怎么做？

注意:我尝试使用 <div align="center"> , <center>但没有任何效果？

Answer 1

如果您的内容没有固定宽度，请执行以下操作:

<div class="content">
 <div class="inner">some content</div>
</div>


.content
{
 text-align: center;
}
.inner
{
 display:inline-block;
}

如果是这样，你可以这样做:

.content
{
 width: xpx;
 margin: 0 auto;
}