有没有一种方法可以单独使用HTML来集中任何元素



我对HTML和CSS相当陌生,基本上对web开发也不陌生,但我仍然想知道是否有办法将任何类型的元素集中在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的情况下集中所有这些?

在不使用CSS的情况下将内容居中的所有方法在很长一段时间前(1999年(就已经被弃用了,在4.01的前一版本的HTML中,例如在其他答案中建议的两种方法:

  • align属性,例如:<div align="center">...</div>
  • <center>...</center>元素

贬低这些东西的基本思想是,确定文档的表示方面不是HTML的工作;HTML描述结构方面。

CSS描述了表示方面;为了连接两者,您可以使用CSS类和HTML中的通用class属性,但这只是一种方法。

CSS还提供了许多不同类型的选择器,在这些选择器中,您还可以使用选择器来描述声明应该应用的元素的层次结构;以及一些CSS属性,例如text-align,也通过CSS继承影响子代元素。

参见此示例:

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>

使用中心标签

<center> 
</center>

我们可以在里面放置BODY的标签和其他内容,使其居中对齐像这个

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

相关内容

  • 没有找到相关文章

最新更新