 表白：黑白圣堂血天使，天剑鬼刀阿修罗。
 讲解对象：怎么使图片和文字对齐(水平方向)
 作者：融水公子 rsgz
 HTML 教程HTML教程 http://www./post/99.html
大家在网页上排版文字与图片的时候，是不是有想过在文字的前面加上一个比较合适的图片呢？我的前几篇文章就想，在这几句话前面加上这几个logo。我就是通过在img元素上，添加一个属性实现的。
<!--图片中间与同一行最大元素中间对齐-->
<img src="../image/ab1.jpg" align="absmiddle"/> 
效果看起来还不错。但是当我看到手机版本的界面是这个样子的时候，我就没打算。继续添加这些logo了。这个样式看起来有点丑。我估计是360doc在手机端给这所有的图片属性。添加上了一个块属性。导致图片与图片之间不能并列。图片与文字之间不能并列。这个没有办法。
display:block 
我就最后再尝试一下吧，如果没用的话，以后就不加了。img上加上这个属性试试。然后观察一下手机的变化。display:inline 哎 刚刚手机上看了一下 没有用 以后不添加logo了！样式手机上不好看
=== 公众号：小雪妃
 谢谢大家的支持！可以点击我的头像，进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录，里面真的有很多优秀的文章，欢迎大家的到来。
---
|
