span标签内容垂直居中
时间: 2024-06-13 08:09:59 浏览: 260
关于div中img,span垂直居中的问题
可以使用以下两种方法将span标签内容垂直居中:
1. 使用flex布局,将span标签的父元素设置为display:flex,并使用align-items:center属性将子元素垂直居中。
```html
<div style="display:flex; align-items:center; height:100px;">
<span>这是要居中的内容</span>
</div>
```
2. 将span标签的line-height属性设置为与父元素高度相等的值,即可实现垂直居中。
```html
<div style="height:100px;">
<span style="line-height:100px;">这是要居中的内容</span>
</div>
```
阅读全文