我有一张图片和一些文字。我想将它们都垂直居中<div
>。如何在不更改<img>
标签中的任何内容的情况下做到这一点?
我知道很多人建议如下:
<div>
<img style="vertical-align:middle; height: 30px;" src ="image.png"/>
<span style="line-height: 30px;" > my text </span>
</div>
由于某些原因,我不想更改<img>
标签中的任何内容。我可以通过仅在<div>
or<span>
或其他地方添加样式来将它们都居中吗?
顺便说一句,我也知道有些人说以下方法会起作用:
<div>
<img height=30px; src ="image.png"/>
<span style="line-height: 30px;" > my text </span>
</div>
但这对我不起作用。那么有什么想法吗?
谢谢。