找回密码
 注册
搜索
免费空间 免费域名 免费AI 老牌主机商首月仅1美分!27美元/年!Spaceship优惠码 Namecheap优惠码阿里云2核2G3M新老续费同享99元/年!
查看: 137|回复: 6

[问题求助] 菜鸟请教Dreamweaver的问题!!

[复制链接]
发表于 2009-9-20 23:01:03 | 显示全部楼层 |阅读模式
代码一:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>欢迎光临!</title>
  6. <style type="text/css">
  7. <!--
  8. body,td,th {
  9.         font-size: 12px;
  10. }
  11. body {
  12.         margin-left: 0px;
  13.         margin-top: 0px;
  14.         margin-right: 0px;
  15.         margin-bottom: 0px;
  16. }
  17. -->
  18. </style></head>

  19. <body>
  20. <table width="780" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  21.   <tr>
  22.     <td>&nbsp;</td>
  23.   </tr>
  24.   <tr>
  25.     <td height="400"><div align="center">不会上下居中</div></td>
  26.   </tr>
  27.   <tr>
  28.     <td>&nbsp;</td>
  29.   </tr>
  30. </table>
  31. </body>
  32. </html>
复制代码
代码:二
  1. <body>
  2. <table width="780" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  3.   <tr>
  4.     <td>&nbsp;</td>
  5.   </tr>
  6.   <tr>
  7.     <td height="400"><div align="center">不会上下居中</div></td>
  8.   </tr>
  9.   <tr>
  10.     <td>&nbsp;</td>
  11.   </tr>
  12. </table>
  13. </body>
复制代码
老是不会上下居中呢  只用第二个这样的就会 不知道是咋回事

懂的请教下

【附上测试代码地址一个:http://www.jd100.net/ip/coderun.htm
发表于 2009-9-20 23:15:02 | 显示全部楼层
是上下居中丫  难道是
/----------------------
body {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

}
/---------------------
 楼主| 发表于 2009-9-20 23:19:07 | 显示全部楼层
是上下居中丫  难道是
/----------------------
body {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

}
/---------------------
koko121 发表于 2009-9-20 23:15


第一个代码不会居中   第二个就会

也就是  上下居中  

比如我弄 一个表格 高度100   它的上下边距都是一样的 而不是上面大  下面小
 楼主| 发表于 2009-9-20 23:23:20 | 显示全部楼层


就像这张图片一样

上下间隔是一样的

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册

×
发表于 2009-9-20 23:50:04 | 显示全部楼层
不是可以
 楼主| 发表于 2009-9-20 23:53:08 | 显示全部楼层
不是可以
ns77 发表于 2009-9-20 23:50



不可以啊  我的第一个代码  上面的间隔比下面的小啊
发表于 2009-9-21 06:18:45 | 显示全部楼层
本帖最后由 ns77 于 2009-9-21 06:27 编辑

你自己的CSS 定义了 BODY 也就是你有定义跟没定义一样 那么你&#160;<tr>
&#160; &#160; <td>&nbsp;</td>
&#160;&#160;</tr> 这个HTML就占空格子! 你自己去掉看看 还有你代码 body {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

}
有必要这样写吗?要写也要写个margin:0px就可以 !总之你定义BODY干嘛! 你要定义的就是你要局中的! 你要局中文字 你可以定义DIV啊 DODY代表HTML文档的主体
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黑屋|免费吧论坛

GMT+8, 2025-1-17 13:58 , Processed in 0.025047 second(s), 4 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表