4
4

6 回答 6

9

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

td a + a {
   padding-left: 3em;
}
于 2013-09-02T13:43:00.987 回答
2

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

<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>
于 2013-09-02T13:44:24.557 回答
1

只需添加填充；像这样：

i {
padding: 5px;
}
于 2022-02-09T12:50:40.327 回答
0

在css中，您可以为您的

a {margin-right: 20px;}
于 2013-09-02T13:42:34.327 回答
0

给他们一个正确的填充（边距不适用于内联元素）：

.icon-ok { padding-right: 1em; }
.icon-pencil { padding-right: 1em; }

如果要避免最后一个图标后面的空格，可以给周围的表格单元格一个负的右边距（这样两者相互消除）或者使用更复杂的 CSS 规则来取消最后一个间隙。

于 2013-09-02T13:43:12.770 回答
0

通常，标签是内联元素。所以，盒子模型不是你所期望的。我会建议

a {
   display: inline-block;
   margin: 0 10px 0 0;
}
于 2013-09-02T13:44:45.667 回答