我刚设计了一个投资组合网站。我有一整行图像，我想保留在一行（水平滚动）。这只发生在我为周围的div设置固定宽度时（在这种情况下使用类'.post-images'），宽度足以包含所有图像。如果图像的数量及其宽度不是动态的，这可能会很好。不幸的是，这不是这种情况。我希望这个div包裹所有图像并且不会导致它们浮动。我试图设置div的位置，我把每个图像（'.post-image'）放到'white-space：nowrap'无济于事。
请在此处查看示例：Link
如何解决此问题？我希望有人愿意帮助我;）
谢谢，
的Jeroen
答案 0 :(得分：3)
将.post_images和.post_image的css替换为：
.post_images { white-space:nowrap; }
.post_image { display:inline; }
实际上，这会使包裹<div class="post_image">元素变为冗余（即display:inline）;你也可以删除它们。
通常，大多数元素根据其容器的宽度调整其宽度;如果您希望元素根据内容进行调整，则需要<table>，display: table或单行。
编辑： 多年来，所有主流浏览器都支持white-space:nowrap和display:inline（在IE中，一直回到IE浏览器） 5.5）。