保持文本和图像之间的边距

Question

在我的代码中，我使用该服务并从后端检索数据。我有这样的代码来检索内容。

<div class="body" *ngFor='let topic of topics | async'>
   <div [innerHTML]="topic.content"></div>
</div>

这个topic.content有一些文字和图片。我想要的是在这个文本和图像之间保持边距。但我不知道这样做。有人可以帮我解决这个问题吗？

Answer 1

根据您的评论，如果您将内部 div 更改为：

<div class="splitter" [innerHTML]="topic.content"></div>

然后你可以放入 styles.css（全局样式，而不是组件的 css 文件）像这样：

.splitter > img { 
    padding-left: 10px; 
}

但我不知道你是如何设计父 div 的 'body' class 的样式的，如果 .content 值本身有样式，那么你需要玩有点那个.splitter class.

keep margin between text and image