同一行的图片和文字巧妙的居中对齐的解决方法

当前位置 : 首页 > 网页制作 > CSS > 同一行的图片和文字巧妙的居中对齐的解决方法

同一行的图片和文字巧妙的居中对齐的解决方法

来源: 作者: 时间:2015-10-30 09:30
本文给大家介绍的是如何让同一行的图片和文字巧妙的居中对齐的方法,思路非常好,这里分享给大家,希望大家能够喜欢。
本文给大家介绍的是如何让同一行的图片和文字巧妙的居中对齐的方法,思路非常好,这里分享给大家,希望大家能够喜欢。

HTML


复制代码
代码如下:

<div class="vm">
<span>
我是文字
</span>
<img src="图片地址" />
</div>

CSS


复制代码
代码如下:

.vm *{display:inline-block;vertical-align:middle}

以上就是本文的全部内容了,希望能对大家有所帮助。

Tag:
网友评论

<