如何防止以響應模式進行圖像打包

如何防止以響應模式進行圖像打包。一個簡單的代碼如下圖所示，在響應模式下打破新的界限。如何防止以響應模式進行圖像打包

<img src="image1.jpg" style="float:left;" /> 
<img src="image2.jpg" style="float:left;" /> 
<img src="image3.jpg" style="float:left;" /> 
<img src="image4.jpg" style="float:left;" /> 
<img src="image5.jpg" style="float:left;" />

請幫助

編輯： 看到這個jsbin：http://jsbin.com/AhIwiCA/1/edit

來源

2013-11-03 b24

有沒有更多的代碼？ –

不，我只在col-xs-12類的引導樣式div中有這個圖像 – b24

@babak haj azim zanjani您能提供一個jsFiddle – 2013-11-03 13:23:14

如果您想防止圖像打包，請將white-space: nowrap;添加到父元素，並從圖像中刪除style="float:left;。

http://jsfiddle.net/myajouri/gqxxC/

來源

2013-11-03 14:32:50 myajouri

謝謝myajouri。這是一個很好和乾淨的解決方案。 – b24

引導有一個叫做內嵌我認爲這可能帶來的圖像符合彼此類，做不到這一點，你可能需要通過CSS拖網找到相關的css類來防止這種行爲。

來源

2013-11-03 13:26:24

看到這個：http://jsbin.com/AhIwiCA/1/edit – b24

所以只是爲了確認？你希望它始終堆疊在彼此之上的圖像，還是隻在一定的屏幕尺寸下？ –

我希望圖像始終堆積在頂部。 – b24

如何防止以響應模式進行圖像打包

回答

相關問題