是否有任何CSS解决方法可以使pdf / doc / ppt图标始终位于文本行的末尾，而不使用背景图片？如果没有足够的空间放置图标图像，它将仅位于第二行。我想知道是否有与white-space:nowrap类似的东西？
<ul>
<li>
<a href="v1.pdf">Lorem Ipsum is simaorem Ipsum. (3MB, PDF)</a>
<img src="images/pdf.gif" />
</li>
</ul>
<ul>具有固定的宽度。 最佳答案
从布局的角度来看，图像是文本或“内联内容”。因此，您可以使用与防止文本中的换行符相同的技术。 nobr标记可以防止换行，并且可以在浏览器中通用，尽管标准编写者对此并不满意。如果需要，可以使用其标准化，可靠性较低，更冗长的姐妹：CSS中的white-space: nowrap以及一些内联标记（例如span）。
这里的问题是，您将需要“重叠”标记：... (3MB, <nobr>PDF)</a><img ...></nobr>（即，在nobr元素内打开a元素，但在a之前关闭nobr）。虽然这样做有效，但它违反了HTML语法规则，因此建议您将某些文本移出a元素（可能不需要在其中）：
<a href="v1.pdf">Lorem Ipsum is simaorem Ipsum.</a> (3MB, <nobr>PDF)
<img src="images/pdf.gif" alt=""></nobr>
要么
<a href="v1.pdf">Lorem Ipsum is simaorem Ipsum.</a> (3MB, <span
style="white-space: nowrap">PDF) <img src="images/pdf.gif" alt=""></span>