html 实现水平垂直居中
时间: 2023-12-23 10:25:20 浏览: 78
div框水平垂直居中跟内容垂直居中.html
以下是两种HTML实现水平垂直居中的方法:
1.使用flex布局
```html
<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<p>这是要居中的内容</p>
</div>
```
2.使用绝对定位和transform属性
```html
<div style="position: relative; height: 100vh;">
<p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">这是要居中的内容</p>
</div>
```
阅读全文