我对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>