WEB标准：Div布局与Table布局

前几天在做个网站,想全部用Div布局,起初控制得还好,代码也很整洁,但是Div没有垂直居中对齐(至少我没有过找到相关属性),后到不结合Table,如下代码:

1、无Table

<div class="sectionItem">

<div class="image">

<a href="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="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实现