当图片和文字出现在同一行或一个div里时,浏览器显示出来的图片和文字会出现对不齐,一个在上一个在下,遇到这样的问题,一般有以下几种解决方法
1、把图片和包裹文字的span、a等标签都加上vertical-align:middle的样式(vertical-align的具体介绍)
2、把图片设置为背景图片,文字用padding或text-indent属性设置进行偏移
3、把图片和文字放入不同的div中,然后用margin-left、margin-top属性进行定位,就可以使他们对齐了
时间: 2024-10-10 14:10:52