css - 在文本后放置背景图像

Question

我有一个页眉元素，我想在其中放置背景图片，但我想将其放在末尾。因此，无论文本的宽度是多少，它都将始终保留在文本结束之后。可能的？怎么办？

<h1>Here is my dynamic text</h1>

Answer 1

如果你真的想把它放在后面你应该使用伪元素的文本:

h1:after { content:url(myimage.png); }

Sample here .

如果你想要一个真实的背景图片，你只能将h1更改为display:inline，否则该元素将拉伸(stretch)到其父元素的整个宽度，从而失去对包含文本大小的所有引用。

所有其他解决方案(包括此处提到的其他解决方案)都需要更改 HTML 标记，因此不是纯 CSS 解决方案。