Question

我有一个带有背景图片和一些文字的标签。我需要将文本10px定位在背景图像的右侧，以便背景图像清晰可见。

我需要在不添加其他HTML元素或Javascript的情况下执行此操作。

这是我到目前为止的源代码：

label {
  background-image: url('http://missouri.municipalbonds.com/img/icons/add.png');
  background-repeat: no-repeat;
  background-position: left top;
}

<label>This is my label</label>

我缺少哪些CSS属性来实现这个目标？

Answer 1

图片宽16px，右边10px总共26px。

使用padding或padding-left获得所需效果。

http://jsfiddle.net/L0ctetdg/

label{
  background-image: url('http://missouri.municipalbonds.com/img/icons/add.png');
  background-repeat: no-repeat;
  background-position: left top;
    
  padding-left: 26px;
}

<label>This is my label</label>

还必须说这是非常基本的东西。在您遇到遇到的第一个问题之前，请先运行StackOverflow，尝试通过正确研究语言来稍微尊重语言。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

http://hashcss.com/schools/

Answer 2

未经测试但padding-left: 10px;应该这样做

位置标签文本10px背景图像右侧

2 个答案: