Question

我有HTML表格，其中包含很少的锚标签。问题是：HTML文件中的锚标签 - 如果它们是另一个在另一个之下，则输入 - 渲染表是不需要的间距...如果文件中的锚点在一起<a>one</a><a>two</a>则间距消失...

有没有什么方法可以“很好”＆＃39;代码在文件中，同时在渲染表上没有间距？

＆＃13;

table .termin-action-letter {
  display: inline-block;
  /* float: left; */
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid black;
  background-color: red;
}

＆＃13;

<h4>Table #1</h4>

<table>
  <tr>
    <td>text text</td>
    <td>
      <a class="termin-action-letter s">S</a>
      <a class="termin-action-letter d">D</a>
      <a class="termin-action-letter dd">DD</a>
    </td>
  </tr>
</table>

<br>
<br>

<h4>Table #2</h4>

<table>
  <tr>
    <td>text text</td>
    <td>
      <a class="termin-action-letter s">S</a><a class="termin-action-letter d">D</a><a class="termin-action-letter dd">DD</a>
    </td>
  </tr>
</table>

＆＃13;

Fiddle

Answer 1

默认情况下，<td></td>中的项目之间会有一些特定于浏览器的间距。

您可以将<td>样式设置为display: table-row-group;，将<a>标记组合为一个项目，而不是分开。

HTML文件中的新行呈现为不需要的间距

1 个答案: