图⽚与⽂字居中对齐css
图⽚与⽂字居中对齐css
* ⽅法
1. 给图⽚和⽂字元素都设置：`vertival-align:center`
* ⽰例
1. HTML
```html
<h3>
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
class="w-8 h-8"
>
<path
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"    />
</svg>
<span>待办事项</span>
</h3>
```
2. CSS
```css
span {
vertical-align: middle;
}
svg {
width: 25px;
vertical-align: middle;
查看svg
}
```

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。