css - 无论文本长度如何，将图像定位在最右侧

Question

我希望图像位于 200 像素跨度的最右侧。相反，它位于“hello”文本的末尾，并且由于“hello”短于 200 像素，因此它没有位于 200 像素跨度的最右侧。

<span>Hello</span>

span {
   background-image: url("image.gif");
   background-position:right center; 
   background-repeat: no-repeat;
   min-width: 200px;
   width: 200px;
}

Answer 1

您不能在 span 上设置宽度 — 内联元素。

将其设置为 display: inline-block 即可。