我有一个表,该表从服务中获取内容,并且正在使用* 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标签和强标签,但它没有达到预期的效果
答案 0 :(得分:0)
实际上这是一个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>