html – 如果您事先不知道其宽度,请将一个内容块居中

table {
  margin: 0 auto;
}

<table>
  <tr>
    <td>test<br/>test</td>
  </tr>
</table>

解决方法@H_696_12@

@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,看看你在尝试这些事情时发生了什么.