如何在表格中的 <i> 标签（图标）之间留出空格？

Question

我有一个经典的 HTML 表格。在一列中，我想添加 3 个带有链接的图标，以便为示例用户进行编辑。我正在使用 twitter-bootstrap 和 glyphsicons。如何在图标之间留出更多空间？？？我更喜欢使用 CSS。

 <td>
   <a href='#'>
       <i class='icon-ok'></i>
   </a>
   <a href='#'>
       <i class='icon-pencil'></i>
   </a>
   <a href='#'>
       <i class='icon-remove'></i>
   </a>
</td>

原文由 Beginner 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需在元素之间应用填充（或边距，取决于您使用的样式），例如

td a + a {
   padding-left: 3em;
}

原文由 Fabrizio Calderan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您必须在 style 标签中使用 padding 属性。

 <td>
    <a href='#'><i class='icon-ok'></i></a>
    <a style="padding-left:25px;" href='#'><i class='icon-pencil'></i></a>
    <a style="padding-left:25px;" href='#'><i class='icon-remove'></i></a>
</td>

原文由 NaYaN 发布，翻译遵循 CC BY-SA 3.0 许可协议