html - 图片作为字母包装不正确

Question

我需要在html文档中使用字母图片（因此而不是＆＃34; hi＆＃34;，有一个字母h的图像，然后是字母i的图像），但Firefox错误地包装了单词（其他浏览器无关紧要）。通常情况下，Firefox会在单词的开头开始一个新行，但是当我用字母图片替换字母时，它会在＆＃34;单词＆＃34;中间引起换行。我怎样才能让Firefox认识到字母的图片应该像字母一样对待？我认为我使用的是HTML 4。

Answer 1

不要像照片大小等那样继续进行，但我认为你应该从这些方面开始：

<div id="container">
  <img class="lettpics" src="path/to/image.png" />
  <img class="letterpics" src="path/to/image2.png" />
</div>

然后像这样的CSS：

.letterpics {
  display:inline;
  float:left;
}

这里是我所做的jsfiddle的快速简单链接：http://jsfiddle.net/ura5be5m/

希望这会有所帮助。