同一行的图片和文字巧妙的居中对齐的解决方法
内容摘要
HTML
复制代码代码如下:
<div class="vm">
<span>
我是文字
</span>
<img src="图片地址" />
</div>
CSS
复制代码代码如下:
.vm *{display:inline-block;vertical-alig
复制代码代码如下:
<div class="vm">
<span>
我是文字
</span>
<img src="图片地址" />
</div>
CSS
复制代码代码如下:
.vm *{display:inline-block;vertical-alig
文章正文
HTML
复制代码
代码如下:<div class="vm">
<span>
我是文字
</span>
<img src="图片地址" />
</div>
CSS
复制代码
代码如下:.vm *{display:inline-block;vertical-align:middle}
以上就是本文的全部内容了，希望能对大家有所帮助。
代码注释
作者：喵哥笔记
