div里的span垂直居中
时间: 2023-07-06 09:41:36 浏览: 108
关于div中img,span垂直居中的问题
可以使用CSS的flex布局实现div里的span垂直居中。具体代码如下:
HTML代码:
```html
<div class="container">
<span>垂直居中的文本</span>
</div>
```
CSS代码:
```css
.container {
display: flex; /* 使用flex布局 */
align-items: center; /* 垂直居中 */
}
```
这样,span元素就可以在div容器中垂直居中了。如果你想水平居中,可以使用`justify-content: center;`属性。
阅读全文