CSS 定位问题 [img|span]答案

【问题标题】：CSS positioning issue [img|span]CSS 定位问题 [img|span]
【发布时间】：2018-03-29 14:55:08
【问题描述】：

我对 css 很陌生，因此不擅长它。我需要在图标旁边放置一个文本。如您所见，它只需要上升几个像素。我用margin尝试过，但它不起作用。我只是缺乏知识。您看到的附加代码片段位于表格数据字段中。

<td style="width:37%;" [class]="diffColorStatus(zeile)">
   <div class="status">
       <img class="statusIcon" src="../assets/rotZeichen.PNG" width="30px" *ngIf="diffColorStatus(zeile) == 'redMarkStatus'" />
       <img class="statusIcon" src="../assets/gelbZeichen.PNG" width="30px" *ngIf="diffColorStatus(zeile) == 'yellowMarkStatus'" />
       <img class="statusIcon" src="../assets/gruenZeichen.PNG" width="30px" *ngIf="diffColorStatus(zeile) == 'greenMarkStatus'" />
       <span id="statusText">{{zeile[0]}}</span>
   </div>
</td>

icon/text

【问题讨论】：

你需要去w3schools学习，10m就能学会
你应该提供更多的代码，不要在图片中放代码

标签： html css angular css-position positioning

【解决方案1】：

一个非常快速的解决方法是将以下样式应用于跨度（id = statusText）：

#statusText {
  position: relative;
  top: -2px;
}

我们在这里所做的就是使用相对定位设置跨度，因此它不会偏离（如绝对）并设置一定数量的负顶部位置以与图标对齐。

【讨论】：