div css 圖片和文字上下居中對齊
阿新 • • 發佈：2018-06-18
log ima 圖片 lin 效果 ges 馬克思 pos 需要
想要圖片和文字水平居中對齊很容易,可今天做這個樹的時候,遇到了要將圖片上下居中.這下就不知道怎麽搞.
拿手冊看也看不出所以然來,不同的瀏覽器對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>
頂頂頂頂<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>
div css 圖片和文字上下居中對齊