圖像間不需要的間距

這裏是this page，在產品說明區域，我插入了很多圖像。圖像之間有間距損毀了描述區域的外觀和感覺。我在一個單獨的html文件中寫了描述區域代碼，並且沒有顯示間距，但是當我進入這個網站時，它顯示了這個間距。圖像間不需要的間距

下面是說明區域的代碼：

<div class="user-html"> 
<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_01_zpsf96f2f18.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_02_zps5735a5a8.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_03_zpsf4933cc6.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_04_zpsd74ee7ae.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_05_zps103cc79e.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_06_zps113ee0a8.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_07_zps7e7846f8.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_08_zpsa14f563d.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_09_zps98ea736c.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_10_zpse05cb796.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_11_zps895af16e.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_12_zps69ebae8b.png" alt="\\"> 
</div>

請指教如何擺脫這些空間的。

更新：看來，當我在themeforest網站的描述框區域內輸入任何內嵌樣式標籤時，它會去掉所有樣式標籤。所以，下面列出的所有答案都不起作用。其他解決方案？

來源

2014-05-14 anwartheravian

css img {margin：0px;} – Medda86

@ Medda86空格不是來自圖像邊距，而是來自代碼中的實際空白，該空白顯示爲內嵌塊元素。 – Shomz

-1

其中一個CSS技巧來擺脫在這種情況下，空白的將是：

.user-html { 
    font-size: 0; 
    line-height: 0; 
}

另外一個，就是要避免圖像inline-block顯示（這是對空格的原因）：

.user-html img { 
    display: block; 
}

這會在你的情況下工作，因爲你必須每行一個形象，否則，你將不得不與第一例子去消除空白。

來源

2014-05-14 05:52:20 Shomz

感謝您的回答。我已經指出了問題更新中的問題。如果你知道如何解決這個問題，請檢查並告訴我。 – anwartheravian

我不確定是否嘗試向每個圖像添加樣式標記或內聯樣式。試試你沒有嘗試的那個。根據他們的指導方針，您應該可以使用一些CSS：http://support.envato.com/index.php?/Knowledgebase/Article/View/262/41/how-do-i-format-a-post 如果一切都失敗了，你可以將你的圖像加入到一個圖像文件中並像這樣添加它。 – Shomz

它看起來一切都失敗了，我必須將它顯示爲一個單一的圖像文件。感謝您的幫助。 – anwartheravian

-1

對於你的情況，下面就刪除你已經在你的問題

連接到白色空間是存在的方式在頁面測試的圖像

.user-html img { 
    float: left; 
}

之間的空間，因爲你有之間的空間其呈現爲空白兩個圖像標籤

您可以通過複製測試它粘貼下面的代碼：

<div class="user-html"><img src="http://www.picturesnew.com/media/images/images-photo.jpg" alt="\\"><img src="http://www.picturesnew.com/media/images/images-photo.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_03_zpsf4933cc6.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_04_zpsd74ee7ae.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_05_zps103cc79e.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_06_zps113ee0a8.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_07_zps7e7846f8.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_08_zpsa14f563d.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_09_zps98ea736c.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_10_zpse05cb796.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_11_zps895af16e.jpg" alt="\\"><img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_12_zps69ebae8b.png" alt="\\"></div>

來源

2014-05-14 05:53:44 mohamedrias

Themeforest正在剝離我添加的所有內嵌樣式標籤。你能提供任何建議嗎？ – anwartheravian

您是否嘗試複製粘貼HTML代碼，我已將其包含在答案中？ – mohamedrias

圖像間不需要的間距

回答

相關問題