div css 图片和文字上下居中对齐

   想要图片和文字水平居中对齐很容易,可今天做这个树的时候,遇到了要将图片上下居中.这下就不知道怎么搞.

拿手册看也看不出所以然来,不同的浏览器对DIV的支持不一个,目前最好的浏览器是Firefox.

      这里涉及到两个属性,一个是line-height,另一个是vertical-align。在IE里面,只需要line-height就可以实现这个效果,不过要想在firefox和opea里面也实现这样的效果,必须用到vertical-align,而且这是属性一定要定义在image上面,而不是定义在div上。

效果如下:

     

div:

 

<style type="text/css">
<!--
a
{
  color:#6096cf;
  text-decoration:none;
  font-size:12px;
}
.divcss{
width:500px;
height:12px;
vertical-align:middle;
text-align:position;
}


.divcss img{
vertical-align:middle; /*optional*/
}

 

.divcss a{
vertical-align:middle; /*optional*/
}
-->
</style>

 

html:

 

<div id="AA" class="divcss"><img src="WebResourcef.gif" width="19" height="20" /> <a href="javascript:DoPostBack('1','A');" >A--马克思马克思主义、列宁主义、毛泽东思想、邓小平理论</a></div>
    <div id="A"></div>

      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值