html - 如何将任意一段 HTML 居中？

Question

例如，我的 HTML 可能是以下之一:

• 一个<p>宽度设置为 400 的文本
• 具有少量输入且未设置总宽度的表单
• 一个<table>没有设置整体宽度
• 或其他

换句话说 - 在您将上述任何一项居中之前，它们自然会在左侧。是否可以将 HTML 居中？

编辑: 让我澄清一下。 HTML block 可以是任何东西:内联、 block 、三个 div 和 2 个 ps、5 个表和一个 div、一个 div 内的一个 div 等等。html block 不知道它会居中而且它不会允许居中。我想要一些类似的东西 - 让我们将这段 HTML 包装在父 div 中，然后仅在父 div 上使用 CSS。类似于您没有调整 HTML block 的地方。我希望它水平居中而不是垂直居中。我希望它的呈现方式与它仍在左侧时的效果一样。

Answer 1

嘿，有两个选项，第一个是很老的选项

<center>
//your html any element 
</center>

但是这是很老的方法了

新选项是

你可以习惯这样的

CSS

.ok{
border:solid 1px red;
  width:400px;
  text-align:center;
}
table{
margin:0 auto;
}

HTML

<div class="ok">

<p>
Hello
</p>

<a href="#">a</a>
<form>
<input type="text">
</form>

  <table border="1">
    <tr><td>hi</td></tr>
  </table>

  </div>

现场演示 http://tinkerbin.com/j1A3HIK9