DIV布局里同一行文字和图片对齐的技巧

来源：畅想网络　 文章作者：小编　 发布时间：2014-08-19

以前有朋友问道我们，有时候制作网页的时候, 经常会遇到图片与文字的位置对不齐，不知道是哪里出现了问题。这里廊坊网站制作拿DIV布局举例说明，介绍几个小技巧。

根据我们的经验得来，其实解决的办法有很多，下面简单的举两个例子。

1、用table来控制图片和文字居中对齐 ，这样会因为一个小图片写多很多代码。

2、使用图片的Align属性 设置为align="absmiddle" 但是要知道,标准的W3C中定义的img标签是不支持Align属性的，但是对不同的浏览器，也不能一次性解决。

要是按照上面的办法做就可以解决问题，其实说实在的这2个方法也不算是最好的，实际上可以用CSS来解决这个问题.主要用这个属性:margin-bottom,通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数，这个值随着图片的大小不同而改变,这样可以完美处理了。

最后在通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数，这个值随着图片的大小不同而改变,这样可以完美处理了。

上一篇：通知：金秋九月用户将得到更多的实

下一篇：浅谈外贸网站的几个特殊性