意外的格式 - 使用<div> </div>中的图像的CSS

Question

我有一个div说

<div id='abc' style='overflow:auto;width:20px'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

这里的滚动效果很好，我可以看到一个滚动条（水平）

然而，当我用图像替换文本aaaaa ...时，相同的图像重复多次，它实际上延伸到下一行，并没有给我一个启用的滚动条< / p>

为什么会这样？

我非常感谢您对此的任何帮助

谢谢

Answer 1

将div的空白区属性设置为white-space:nowrap

<强> jsFiddle example

div{
  white-space:nowrap;
}​