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