我有这个：
<style>
.out {width: 90px; overflow:auto;}
.con {}
.dst {}
img { margin-left: 3px; }
</style><body>
<div class='out'>
<div class='con'>
<div class='dst'>
blablabla bla<img >
</div></div></div>
我希望 dst div 的内容保留在一行上（在实际情况下，宽度为 15%）。我希望它在 ie6、7 中工作，所以没有“white-space:nowrap”。我知道对此有很多问题，但我没有找到解决方案。现在唯一的解决办法是：
.con { width: 300px; }
但是这样滚动条总是可见的，我只想在需要时看到它。谢谢。
编辑：现在 img 之前没有空格，只有边距，但仍然换行！
.out {width: 90px; overflow:auto;}
.con {}
.dst {}
.dst span{
white-space:nowrap;
}
img { margin-left: 3px; }<div class='out'>
<div class='con'>
<div class='dst'>
<span>blablabla bla</span>
<img >
</div>
</div>
</div>您需要将文本包裹在<span>标签中才能在IE6和IE7 中工作。
这是一个参考链接
这是JSFiddle
PS：对于并排的文本和图像，您可以检查这个
希望这可以帮助。