Question

我正在尝试使用样式来影响html表格中的单元格间距。我试图使用边距使我的细胞只在右侧有间距。我做错了什么，如何使用样式来影响细胞间距？

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<style>
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

td {
  margin: 0px 20px 0px 0px;
  color: #585858;
}

a {
  color: #326ea1;
}
</style>

    <title>Request</title>
  </head>
  <body>

    <table border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td> Request ID </td>
          <td>516<br>
          </td>
        </tr>
        <tr>
          <td>Assigned<br>
          </td>
          <td>Fred Flintstone<br>
          </td>
        </tr>
        <tr>
          <td>Requestor<br>
          </td>
          <td>Bugs Bunny<br>
          </td>
        </tr>
        <tr>
          <td>Type<br>
          </td>
          <td>Construction<br>
          </td>
        </tr>
        <tr>
          <td>Location<br>
          </td>
          <td>Brazil<br>
          </td>
        </tr>
        <tr>
          <td> <br>
          </td>
          <td> <br>
          </td>
        </tr>
        <tr>
          <td style=" vertical-align: top;">Description</td>
          <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br>
              sed do eiusmod tempor incididunt ut labore et dolore <br>
              magna aliqua. Ut enim ad minim veniam, quis nostrud <br>
              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
          </td>
        </tr>
        <tr>
          <td><br>
          </td>
          <td><br>
          </td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

Answer 1

不幸的是，表格单元格没有margin属性，但您可以在它们上设置填充以获得所需的行为。 W3Schools有一个关于样式表的页面，可以在这里帮助您：http://www.w3schools.com/css/css_table.asp

如果您将代码更改为以下代码，则应该有效：

td {
 padding: 0px 20px 0px 0px;
 color: #585858;
}

您还可以在表格上设置cellspacing属性。这将在单元格边框之间放置 - 但是，这会影响单元格所有边的间距。

嵌入式html样式不影响表？

1 个答案: