经过大量的尝试和搜索,我从来没有找到一个令人满意的方式来使用CSS2.
实现它的一种简单方法是将其包装成方便的< table>如下面的示例所示.你知道如何避免表格布局并避免古怪的技巧吗？
table {
margin: 0 auto;
}
<table>
<tr>
<td>test<br/>test</td>
</tr>
</table>
我想知道的是如何在没有固定宽度的情况下做到这一点并且也是一个块.
解决方法
@Jason,是的,< center>作品.美好时光.不过我会提出以下建议：
body {
text-align: center;
}
.my-centered-content {
margin: 0 auto; /* Centering */
display: inline;
}
<div class="my-centered-content"> <p>test</p> <p>test</p> </div>
编辑@Santi,一个块级元素将填充父容器的宽度,因此它实际上将是宽度：100％,文本将在左侧流动,留下无用的标记和未中心的元素.您可能想尝试显示：inline-block;. Firefox可能会抱怨,但是it’s right.另外,尝试添加边框：solid red 1px;以.my为中心的内容DIV的CSS,看看你在尝试这些事情时发生了什么.
