您现在的位置:主页 > 网站制作 > XHTML标准 >

WEB标准:Div布局与Table布局

来源:建站吧 责任编辑:Jzq8 发表时间:2011-12-09 点击:

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

  1、无Table

<div class="sectionItem">
     <div class="image">
         <a href="RoadWarningLamp/default.aspx"><img src="http://www.webjx.com/htmldata/2005-09-14/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="http://www.webjx.com/htmldata/2005-09-14/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实现 

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    验证码:点击我更换图片

    今日头条

    更多>>

    推荐图文

    • 网页制作实例:图片真正居中的方法
    • 网站程序员如何应对web标准
    • 展示网站特色:大字体的网页设计风格
    • HTML代码示例:可以搞死任何版本的IE
    • WEB标准中细线表格的实现方法
    • 网页制作需掌握的6种能力
    • 用标准件的方式来组装网页DIV布局
    • 符合Web标准!CSS同比例缩小图片
    • 论述HTML5代码将带来的好与坏
    Alexa - 客户服务 - 联系方法 - 招聘信息 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
    Copyright © 2010-2012 JZQ8.COM. 建站吧|建站去吧 版权所有
    冀ICP备09002514号
    冀ICP备09002514号 网络报警 企业法人营业执照 中国互联网协会 支付宝付款 网银在线付款