Question

我有一个表，该表从服务中获取内容，并且正在使用* ngfor检索数据。

一个表行是这样的：

<tr *ngFor="let d of data.body">
    <td><strong [innerHTML] ="d.header"></strong><br>
    <strong [innerHTML] ="d.subhead"></strong>
</td>
<td>
    <span [innerHTML] ="d.display"></strong><br>
    <span [innerHTML] ="display.subhead"></strong>
</td>
</tr>

我得到的输出为

Hello  there
Dummy  text

我希望输出为：

Hello  there

Dummy  text

面对问题：我只需要在strong和span标签之间留出额外的间距。我试图将类添加到span标签和强标签，但它没有达到预期的效果

Answer 1

实际上这是一个CSS问题。

您可以在表格中使用border-spacing：

table#welcome {
  border-collapse:separate; 
  border-spacing: 0 1em;
}

<table id="welcome">
  <tr>
    <td>
      <strong>Hello</strong>
      <strong>there</strong>
    </td>
  </tr>
  <tr>
    <td>
      <span>Dummy</span>
      <span>text</span>
    </td>
  </tr>
</table>

跨度和强标签之间的角度间隔

1 个答案: