Question

我有这个：

<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中工作，所以没有＆＃34; white-space：nowrap＆＃34;。我知道有很多问题，但我找不到解决办法。现在唯一的解决方案是：

.con { width: 300px; }

但是这样滚动条始终可见，我只想在需要时看到它。感谢。

编辑：现在img之前没有空格，只是保证金，但仍然是换行了！

Answer 1

＆＃13;

.out {width: 90px; overflow:auto;}
.con {}
.dst {}
.dst span{
  white-space:nowrap;
}
img { margin-left: 3px; }

＆＃13;

<div class='out'>
  <div class='con'>
    <div class='dst'>
        <span>blablabla bla</span>
      <img >
    </div>
  </div>
</div>

＆＃13;

您需要将文字换成<span>标记，才能在 IE6 ＆amp;的 IE7

这是Reference Link

这是JSFiddle

PS ：对于文字和图片，您可以check this

希望这有帮助。

防止div中的换行符

1 个答案: