如何在表格中的<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>

Answer 1

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

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