想要图片和文字水平居中对齐很容易,可今天做这个树的时候,遇到了要将图片上下居中.这下就不知道怎么搞.
拿手册看也看不出所以然来,不同的浏览器对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>
原文地址:https://www.cnblogs.com/workey/p/9195446.html
时间: 2024-10-19 18:45:31