javascript - 网页元素问题 小白求解答

Question

在普通网页中默认排布内容或者图片都是从上往下依次撑开网页高度，如何实现网页从左往右排布且内容不往下面溢出而是撑开从左往右的滚动条？

Answer 1

设置图片和布局块为inline-block，再禁止换行就行了。

img{
   display: inline-block;
}

.parent{
   white-space: nowrap;
}

Answer 2

display:flex;可以，但是低版本浏览器就别想了。
主要是用到了flex-wrap:nowrap;
在runjs上写了一个，http://runjs.cn/detail/kj64n7ud 查看一下。
当然这个方案，不支持低版本浏览器。如果要兼容IE8的话，得用js来计算宽度才行。单独用css的话,我看到caniuse上说IE老版本有自己实现的writing model,不确定是否可行。