用DIV+CSS布局中,如何设置图片与文字在同一高度?

本文介绍了如何在使用DIV+CSS布局时,让图片与文字在同一高度并实现垂直居中。关键方法包括设置div的高度、line-height、vertical-align属性,以及在图片上使用align属性。对于IE6的兼容性问题,提到了避免使用padding并使用嵌套DIV进行调整。
摘要由CSDN通过智能技术生成
如果把文字和图片放在同一个图层的,文字可以做到居中,但是图片就不能,因为图片默认是左上对齐的!这就是为什么在制作的时候看到图片
会靠上的原因。如果你令到图片居中了,文字就会相对于图片右下对齐了!如果你想2个都居中的话,就不能把他们放在同一个div,或者你试下
把他们放在2个div中,或者一个图片放div中,文字直接放页面中,不放div ,这样还可以给网页瘦身。
把那个放图片和文字的层css设置为比如id叫#aa
#aa {height: 30px; line-height:30px; vertical-align: middle;}
这样就可以使里面的东西在层里垂直居中了。一定要设置相同高度和间距。
把图片加上align="absmiddle"

<img src="http://img.baidu.com/img/logo-zhidao.gif " align="absmiddle" />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值