1

在应用程序中，我有几列可以包含内联可编辑值。对于这些单元格，我想显示一个铅笔图标：

td.editable
{
    padding-right: 20px;
    background-image: url(pencil.png);
    background-repeat: no-repeat;
    background-position: center right;
}

这个 CSS 几乎很好，除了......我想在单元格边框和图像之间有一个 2px 的空间。是否可以使用背景图片和 CSS 来实现？如果没有，我该如何实现？

谢谢

4

4 回答 4

2

只需使用 2px 透明边框重新保存 BG 图像，并使输入高 4px 以适应新高度。

于 2012-10-17T20:03:47.527 回答
1

将 background-position 属性与 x% y% 一起使用。

http://www.w3schools.com/cssref/pr_background-position.asp

于 2012-10-17T20:01:43.167 回答
1

试试这个：

table { border-spacing: 2px;}
于 2012-10-17T20:02:25.890 回答
0

最简单的方法？在您的 pencil.png 右侧添加 2 个像素。您可以随意使用背景位置，但不值得付出努力。

于 2012-10-17T20:08:44.410 回答