html h1标题并列居中
时间: 2024-10-27 10:11:25 浏览: 22
html H标题标签的用法
HTML中的`<h1>`标签通常用于表示页面的主要标题,如果你想将两个或更多的`<h1>`标题并列居中显示,可以使用CSS来实现。这里是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.centered-headings {
display: flex;
justify-content: center; /* 居中对齐 */
align-items: center; /* 如果有多行文本,保持上下居中 */
}
h1 {
font-size: 24px; /* 根据需要调整字体大小 */
}
</style>
</head>
<body>
<div class="centered-headings">
<h1>标题1</h1>
<h1>标题2</h1>
</div>
</body>
</html>
```
在这个例子中,`.centered-headings`类应用了`display: flex;`使得元素成为弹性盒子模型,然后通过`justify-content: center;`和`align-items: center;`实现了水平和垂直居中。
阅读全文