Question

我的HTML中有一张表但我只想要垂直间距，因为它看起来不是水平25px。我可以在HTML中看不到任何属性，所以它可能吗？
在此先感谢，
迪恩

编辑：我有一个表格，其中cellspacing一直在25px左右。我只想要25px的垂直单元间距。

Answer 1

我假设您正在谈论的cellpadding属性，只会取一个数字并将其用作单元格墙和内容之间的像素。您必须提出一种解决方法，具体取决于您可能希望使用<div>的布局，或者如果单元格周围没有任何边框，您可以将style='padding-bottom:25px'添加到其中创造相同的效果。

Answer 2

只需将其添加到＆lt;头＆gt;部分，在页面标题打开之后：这应该做的工作：

<style type="text/css">
td { margin: 25px 0px; } /* tells the table to have 25 
px on top and bottom, zero px on left and right */
</style>

Answer 3

我发现了这个：

border-bottom: 25px solid transparent;

请注意IE6 has a problem with transparency。

Answer 4

更清洁的<table>元素解决方案（适用于内联样式）。

table {
  border-collapse: separate;
  border-spacing: 0 20px;
}

th {
  background-color: blue;
  color: white;
}

th, td {
  width: 150px;
  border: 1px solid black;
  padding: 5px;
}

<table>
  <tbody>
    <tr>
      <th>Vehicle     <th>No. of Wheels  <th>Rep (0-10)
    <tr>
      <td>Skateboard  <td>4              <td>7
    <tr>
      <td>BMX         <td>2              <td>6
    <tr>
      <td>Unicycle    <td>1              <td>-1

如何设置只有垂直单元格间距的表格？

4 个答案: