有没有办法将 HTML 单独居中的任何元素？

Question

我是 HTML 和 CSS 的新手，一般来说基本上是网络开发，但我仍然想知道是否有办法将任何类型的元素置于 HTML.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>This is a header</h1>
    <span>This is a span element</span>
    <div><p>This paragraph is in a div element</p></div>
</body>
</html>

有没有办法在不使用 CSS 的情况下将所有这些居中？

Answer 1

使用中心标签

  <center> 
  </center>

我们可以在其中放置标签和 BODY 的其他内容以居中对齐像这样

  <center> 
      <h2>HELLO WORLD! </h2>
  </center>

Answer 2

很久以前（1999年）centering content without using CSS have been deprecated的所有方式，已经在HTML的上一个版本4.01中，例如其他答案中建议的两种方式：

对齐属性，例如：<div align="center">...</div>
<center>...</center>元素

弃用这些东西的基本思想是不是 HTML 的工作来确定文档的表示方面； HTML 描述了结构方面。

CSS 描述了表现方面；要连接两者，您可以使用 CSS 类以及 HTML 中的通用 class 属性，但这只是一种方式。

CSS 还提供了许多不同类型的选择器，其中您还可以使用描述声明应适用的元素的层次结构的选择器；和一些 CSS 属性，例如text-align 也通过 CSS inheritance.

影响后代元素

看这个例子：

body { text-align: center }

<h1>This is a header</h1>
<span>This is a span element</span>
<div>
  <p>This paragraph is in a div element</p>
</div>

有没有办法将 HTML 单独居中的任何元素？

Is there a way to center any element with HTML alone?

html

centering