同一行的图片和文字巧妙的居中对齐的解决方法
发布时间：2015-03-16 10:25:11 作者：佚名 
我要评论
我要评论本文给大家介绍的是如何让同一行的图片和文字巧妙的居中对齐的方法，思路非常好，这里分享给大家，希望大家能够喜欢。
HTML
复制代码
代码如下:<div class="vm">
<span>
我是文字
</span>
<img src="图片地址" />
</div>
CSS
复制代码
代码如下:.vm *{display:inline-block;vertical-align:middle}
以上就是本文的全部内容了，希望能对大家有所帮助。
相关文章
- 在文字旁边加上一个图标，通过css如何解决文字与图片不能水平居中对齐的问题，下面有个示例，大家可以参考下2014-05-31
- 当文字和图片出现在同一行或者同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行，那么我们怎么才能在css中控制他们在同一行显示呢2014-06-15
最新评论