在div中滚动内容

Question

我使用标签滚动div中的内容。但我的内容宽度大于div宽度大小，内容的某些部分转到第二行。任何解决方案，以保持所有内容在同一行？

Answer 1

问题是，对于溢出的内容，做的内容是什么。是文字，图像还是别的什么？

如果是文字，您可以使用text-overflow:ellipsis;获得包含三个点的漂亮结尾，也可以使用text-overflow:clip;剪切它。使用其他元素可以使用overflow:hidden;。

否则你可以使用滚动。

Answer 2

尝试使用CSS的overflow-x属性：

tag{
    overflow-x: scroll;
}

Answer 3

div {overflow:scroll;}

这会让你的div可以滚动一个verticaly。你不需要关心你的内容。

但如果你有空间，请尝试使用css增加它的宽度。

Answer 4

要保持内容内联使用 white-space：nowrap; 并带来水平滚动，您应该使用 overflow-x：auto 以及固定宽度到div 即可。

你走了：

  

jsfiddle.net/aR26p /