【问题标题】:Center content horizontally and vertically in HTML?在 HTML 中水平和垂直居中内容?
【发布时间】:2011-09-04 18:43:49
【问题描述】:

我有一个包含网页所有内容的表格,我想在浏览器窗口内水平和垂直居中该表格。它的内容区域比普通浏览器小得多,所以应该没有问题。

非常感谢任何帮助。

【问题讨论】:

  • 如果您使用table 来设计网页,您应该考虑重新编写代码。您应该避免将所有内容放在表格中。这是不好的做法。 *.com/questions/83073/…

标签: layout html center


【解决方案1】:

将此代码添加到 html 文件顶部的 HEAD 标记中:

<style>
table
{
    align: center;
    vertical-align:middle;
}
</style>

【讨论】:

  • 忘了说我是菜鸟,如何全面实施?
  • 稍后我来桌时如何实现?
  • 你能解释一下你的意思吗?
【解决方案2】:

如果你想让你的桌子居中。你可以使用margin-left:auto; 如果你想在表格中居中你的文本,你可以使用text-align:center;

【讨论】: