h5如何实现div标签内的垂直居中
时间: 2023-10-27 13:43:02 浏览: 108
div垂直居中
您好,要实现 div 标签内的垂直居中,可以通过设置 div 的 display 为 flex,并使用 align-items 和 justify-content 属性进行对齐。具体的实现代码如下:
<style>
.container {
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}
.content {
width: 200px;
height: 100px;
background-color: #f0f0f0;
text-align: center;
line-height: 100px;
}
</style>
<div class="container">
<div class="content">
这是一个垂直居中的 div。
</div>
</div>
希望可以帮助到您。如果还有其他问题,可以继续向我提问哦。
阅读全文