如何垂直allign一個div內的圖像，它們之間沒有空間

我正想通過這個教程，以allign兩個圖像潛水內部垂直，使它們之間沒有空格，請大家看看 http://mynag.kopiblog.com/2012/11/28/solved-remove-space-below-an-image-in-div-when-vertically-align/如何垂直allign一個div內的圖像，它們之間沒有空間

我寫了我這樣的代碼

<head> 
<style type=」text/css」> 
.imgclass 
{ 
background-color:#1122CC; 
text-align:center; 
} 
img 
{ 
display:block; 
} 
</style> 
</head> 
<body> 
<div class=」imgclass」> 
<img src=」pictop.jpg」> 
</div> 
<div> 
<img src=」picbottom.jpg」> 
</div> 
</body> 
</html>

但它沒有workrd，如在我指定的鏈接中顯示的第二個圖中所示。我在這裏做錯了什麼。我希望他們作爲兩個圖片垂直沒有任何空間。

請幫助

來源

2014-06-11 Robin

你有'''你真的應該把它們改成'''' – Aravona

都是雙引號嗎？請指定行號 – Robin

嘗試修改http://jsfiddle.net/682tt/ – Bhavik

請是正確的更換你的報價，「不"。

該代碼缺少doctype並打開html標記。

試試這個：

<!DOCTYPE html> 
<html> 
<head> 
    <style type="text/css"> 
     .imgclass 
     { 
      background-color:#1122CC; 
      text-align:center; 
     } 
     img 
     { 
      display:block; 
     } 
    </style> 
</head> 
<body> 
<div class="imgclass"> 
    <img src="http://image.tutorvista.com/cms/images/38/square1.jpg"> 
</div> 
<div> 
    <img src="http://image.tutorvista.com/cms/images/38/square1.jpg"> 
</div> 
</body> 
</html>

你的結果應該是這樣的： http://pbrd.co/1qt52ku

測試在Chrome中。其他瀏覽器可能需要通過line-height，margin和padding修復。

來源

2014-06-11 11:29:50

如何垂直allign一個div內的圖像，它們之間沒有空間

回答

相關問題