2014-02-11 23 views
1

之間我想我的WordPress頁面上添加一些圖片,但我不希望在所有的圖像之間的任何空間。他們都堆疊在另一個之上..試圖創建一個大的垂直傾斜的圖像,但它們之間都有一條白線或空間。WordPress的/ HTML - 如何在不增加空間圖像

我已經試過如下:

標籤之間沒有間隔:

<img src="http://www.test.com/images/packages/unnamed (1).jpg"></img><img src="http://www.test.com/images/packages/unnamed.jpg"></img> 

我在另一篇文章在這裏閱讀:

<div> 
    <img border="0" src="http://www.test.com/images/packages/unnamed (1).jpg"> 
</div><div> 
    <img border="0" src="http://www.test.com/images/packages/unnamed.jpg"> 
</div> 

任何幫助將不勝感激。

謝謝

+0

看看http://stackoverflow.com/a/7774854/2126792 – pschueller

回答

0

你可能需要邊緣邊緣玩一點CSS。兩者可以在任何東西之間增加空間

示例代碼:

,你需要做兩件事情:

1)使CSS類的圖像部分(可以稱之爲noBorder)

例如:

<img src="file" class="noBorder" > 

你將這個類添加到您所有的圖像標籤

2)使實際類

非常喜歡這樣的:

<head> 
<other head tags> 

<style> 
    .noBorder{ 
     margin:0px; 
     border:0px; 
    } 
</style> 
</head> 

3)另外,你可以只插入此內嵌代碼到您的每個圖像標籤:

style="border:0px;margin:0px;" 

例如:

<img src="file" style="border:0px;margin:0px;" > 

請注意,這些款式也適用於您在那裏的divs

一個很好的資源,這些東西是:http://www.w3schools.com/css/default.asp

,並在這個問題上:http://www.w3schools.com/css/css_boxmodel.asp

0

我其實這樣做是固定的,感謝您的幫助。

我所做的只是這個代碼對所有圖像的一個又一個熱潮固定。

<img src="http://www.domain.com/images/packages/unnamed (1).jpg" style="display:block"></a>