【问题标题】:How to center a table in HTML using external CSS? [duplicate]如何使用外部 CSS 在 HTML 中居中​​表格? [复制]
【发布时间】:2018-06-18 01:45:34
【问题描述】:

我正在尝试将表格置于 HTML 文件的中心。当我在标签内执行此操作时:

例如table align="center",

它似乎工作。但是,当我在外部 CSS 文件中应用它时,它没有任何效果。

例如(在外部 CSS 中)table {align:center}。

当我尝试在 <head><style></style></head> 标记内部执行此操作时,也会发生同样的情况。

它不工作的原因是什么? (我主要好奇为什么 align="center" 有效但 align:center (在 css 中)没有)。如果这种方式不正确,那么还有哪些替代方法?

我将这个表格用作应该出现在每个网页上的菜单栏,所以我不想不断重复第一次提到的方法。我对 HTML 和 CSS 很陌生,因此感谢您提供任何帮助。谢谢。

【问题讨论】:

  • 你的意思可能是 {align:center;} 对吧?它不是'='
  • 啊,是的,对不起。我会编辑。
  • 将一些width 分配给您的表并使用margin: auto;。这就是你所需要的。
  • 还有很多类似的问题,关于如何居中,博客文章也一样,搜索一下,先试试吧。
  • “我正在使用这个表作为菜单栏”,这是一种过时的方法。当你刚刚学习时,不要从学习不好的做法开始。 table 标签应该用于表格数据,就是这样。有很多关于如何在不使用表格的情况下创建菜单栏的教程。

标签: html css


【解决方案1】:

可以使用以下 CSS 实现与 align="center" 类似的行为:

table { margin: 0 auto; }

【讨论】:

    【解决方案2】:
    table { margin: 0px auto; }
    

    或

    table
    { 
    margin-left: auto;
    margin-right: auto;
    }
    

    【讨论】:

      猜你喜欢
      • 2019-10-31
      • 1970-01-01
      • 1970-01-01
      • 2019-06-18
      • 1970-01-01
      • 1970-01-01
      • 2015-06-08
      • 2010-11-05
      • 2010-11-08
      相关资源
      最近更新 更多