码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-20 14:35:49      阅读:178      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!