首页 > 其他 > 详细

同一行的图片和文字对齐的几种方法

时间:2015-05-20 14:34:05      阅读:221      评论:0      收藏:0      [点我收藏+]

当图片和文字出现在同一行或一个div里时,浏览器显示出来的图片和文字会出现对不齐,一个在上一个在下,遇到这样的问题,一般有以下几种解决方法

1、把图片和包裹文字的span、a等标签都加上vertical-align:middle的样式(vertical-align的具体介绍

2、把图片设置为背景图片,文字用paddingtext-indent属性设置进行偏移

3、把图片和文字放入不同的div中,然后用margin-leftmargin-top属性进行定位,就可以使他们对齐了

同一行的图片和文字对齐的几种方法

原文:http://www.cnblogs.com/junjieok/p/4516971.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!