如何使用锚标记将图像显示在一行中？

Question

这是我的HTML：

<td class="fmt-str-h">
<a href="#">
<img class="icon" src="img/preferences-system.png">
Tools</a>
</td>

这是我的CSS：

TD.fmt-str-h     { text-align: left; padding: 4px 8px 4px 12px; }
TD.fmt-str-h A   {color: #fff;}
A                { text-decoration: none;
                   color: #0071dd;
                   font-weight: normal; }
IMG.icon         { padding: 2px;
                   color: #FFF;
                   cursor: pointer;
                   vertical-align: middle; }

This is the result of my code.

所以，我想让图标与其锚标签在一行中。我尝试在TD和Anchor上使用“display：inline-block”，但没有任何反应。 你能帮帮我吗？

Answer 1

将white-space: nowrap添加到您的fmt-str-h A班级

TD.fmt-str-h A {  
  color: #fff;
  white-space: nowrap;
}