网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > HTMLCSS > WEB标准:Div布局与Table布局  

WEB标准:Div布局与Table布局

2006-04-17  作者:BitsCN.com整理  来源:中国网管联盟  点评 投稿 收藏

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

  1、无Table 中国网管论坛bbs.bitsCN.com

<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> 网管网www.bitscn.com

  试了半天,也不能让图片垂直居中显示

网管论坛bbs_bitsCN_com

  2、有Table 网管网www.bitscn.com

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

网管联盟bitsCN_com


     </div>
    </div>
网管网www.bitscn.com

  这样之后才足了我的需求,不知道那位可以做到不用Table实现

网管网www_bitscn_com


 上一篇:CSS关于box(盒模式)的一系列问题   下一篇:CSS实现简单的横向排列demo
WEB标准:Div布局与Table布局 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: