如何将div表从顶部放低?

时间:2011-10-26 00:40:23

标签: html css html-table

<body>

 <div id="container">
 <div id="body">
<center>
<table width="650" border="0" cellspacing="0" cellpadding="5">
    <tbody>
    <tr>
      <td align="center" height="40"><img src="logo.jpg" alt=" Store" width="100" height="30"></td>
    </tr>
    <tr>
      <td height="20" align="center" class="intro"> <a href="">online store</a> | <a href="">main website</a></td>
    </tr>
    <tr>
      <td height="352" align="center"><img src="str.jpg" width="500" height="500"></td>
    </tr>
  </tbody>
  </table>
 </center>
  </div>

  <!-- Ola sto span class mporoun na xwresoun? -->
 <div id="footer" class="intro"><span style class="bottom">  email | the store | address | tel   </div>
 </div>


</body>

该表现在位于浏览器的中心。我想要改变的是不要从顶部开始,我希望桌子稍微低一点,例如从顶部开始30个像素。

好吧,我通过在<br>标记之前添加<table>来降低整个表格,但这太荒谬了。我还可以做些什么?

2 个答案:

答案 0 :(得分:1)

使用<br>是降低桌面的完美方式。虽然你可以使用CSS样式来实现它,这样可以提供更精确的移动。我通常使用填充

#mytable {
padding-top:30px;
}

答案 1 :(得分:0)

您可以使用style属性为其添加边距:

<table width="650" border="0" cellspacing="0" cellpadding="5" style="margin-top: 100px;">

您也可以使用百分比值,例如:

<table width="650" border="0" cellspacing="0" cellpadding="5" style="margin-top: 20%;">