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实现

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18