前几天在做个网站,想全部用Div布局,起初控制得还好,代码也很整洁,但是Div没有垂直居中对齐(至少我没有过找到相关属性),后到不结合Table,如下代码:
1、无Table
<div class=”sectionItem”>
<div class=”image”>
<a href=”http://www.webjx.com/htmldata/2005-09-14/RoadWarningLamp/default.aspx”><img src=”../../imagesHandler.aspx?id=SectionInfots-303-1.JPG&Height=-1″ align=”middle” border=”0″ ></a>
</div>
<div class=”title”>
<a href=’RoadWarningLamp/default.aspx’>
Road Warning Lamp
</a>
</div>
</div>
试了半天,也不能让图片垂直居中显示
2、有Table
<div class=”sectionItem”>
<div class=”image”>
<table height=”100%” width=”100%” cellpadding=”0″ cellspacing=”0″ border=”0″>
<tr>
<td align=”center” valign=”middle”>
<a href=”http://www.webjx.com/htmldata/2005-09-14/RoadWarningLamp/default.aspx”><img src=”../../imagesHandler.aspx?id=SectionInfots-303-1.JPG&Height=-1″ align=”middle” border=”0″ ></a>
</td>
</tr>
</table>
</div>
<div class=”title”>
<a href=’RoadWarningLamp/default.aspx’>
Road Warning Lamp
</a>
</div>
</div>
这样之后才足了我的需求,不知道那位可以做到不用Table实现
<