强制行图像

我更像是一位设计师而不是编码员，所以如果这个问题似乎头脑发热，答案显而易见，我很抱歉。强制行图像

无论如何，有了这样的警告......我试图创建一个页面，其中的图像是连续的，从屏幕的右边缘延伸，以便用户可以滚动以查看更多图片。其他界面元素（如徽标和导航）已固定。

您可以在这里看到的页面：http://werewolf.phantomlimb.net/

，这里的CSS：http://werewolf.phantomlimb.net/wolf.css

要删除我已经离开浮动它们的图像之间的空间。

我的问题是，为了防止图像缠绕，即使在container div和display：block的高度属性，我也必须给div一个宽度值，在这种情况下是4000px。自动宽度例如使图像包装到一个新的线，这是我不要想！

因为我可能并不总是知道组合图像的确切宽度，有没有一个宽度值，我可以使用它会强制图像留在单行或其他一些CSS技巧？

非常感谢。

来源

2015-02-05 Arbernaut

请添加你的代码，更是让一个js拨弄它在你的代码...这将使即使您将来更改网站，任何答案都很有价值。 – NateW 2015-02-05 18:11:12

什么是JS小提琴？ – Arbernaut 2015-02-05 18:16:13

好吧，我想你是说这个... http://jsfiddle.net/cbrp0L6d/ – Arbernaut 2015-02-05 18:19:16

我会使用内联块来处理这种东西。

事情是这样的：

#imgHolder{ 
    font-size: 0px; /* Remove the spaces between the images */ 
    white-space: nowrap; /* Prevent the images from wrapping */ 
} 

#imgHolder img{ 
    display: inline-block; 
    vertical-align: top; 
    height: 654px; 
    width: auto; 
}

这里有一个工作示例：

http://jsfiddle.net/155ukfwp/

来源

2015-02-05 18:53:19

太棒了！谢谢！ – Arbernaut 2015-02-05 19:20:03

回答

相关问题