<!DOCTYPE html> <html> <head> <title>居中代码示例</title> </head> <body> <h1>居中标题</h1> <p>这是一段居中的内容。</p> </body> </html>
在这个示例中,标题使用了<h1>
标签,内容段落使用了<p>
标签,这两个标签默认情况下都是左对齐的,但可以通过CSS样式将其居中,可以使用以下CSS样式将标题和内容段落居中:
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; /* 将页面高度设为视口高度的100%以实现垂直居中 */ }
这样,标题和内容段落就会在页面上居中显示了,请注意,这只是一个简单的示例,实际使用时可能需要根据具体情况进行调整。
发表评论