html之間的垂直空間塊出現

請看看這個網頁www.pixeli.ca/issue。我已經開始製作使用CSS框架960.gs的頁面佈局。我的問題是在頂部圖像塊和「hello」字符串的藍色塊之間出現了一些奇怪的空間。所以你可以看到那裏根本看不到的綠色條紋。我嘗試了不同的變體，不知道它有什麼問題。我注意到它只發生在內含圖像的塊中，但如果只有文本，則不會發生空間。謝謝。html之間的垂直空間塊出現

來源

2010-03-26 Sergei Basharov

只需在圖像中添加float:left即可修復它。

<img src="imagetop.png" style="float: left;"/>

不太清楚爲什麼或者如果有一個稍微更準確的方法，但嘿，你是。

其實：你爲什麼不在容器上設置一個background-image和height。這將是一個更乾淨的做事方式。

來源

2010-03-26 15:02:12 Oli

不幸的是，將浮動樣式設置爲左側的方法不起作用。我嘗試將該圖片設置爲背景，並且效果很好，但問題是當我需要放置其他圖片時按鈕，我仍然有同樣的問題。 –

這是一個內容圖像 - 所以插入img是好的。 – easwee

對不起，我再試一次，現在效果很好！雖然這很奇怪，爲什麼我需要使代碼正確顯示。無論如何現在它的作品，非常感謝。 –

我在每一個CSS手冊開始做的是增加這個

*{ 
    padding:0px; 
    margin:0px; 
}

這將刪除所有默認的空間，可能會有所幫助。

來源

2010-03-26 15:09:38 Terry

圖像是內嵌的，並被視爲文本 - 因此它會與基線對齊，從而在普通線條的基礎上添加一些空間。

設置圖像顯示：塊，它應該工作。

來源

2010-03-26 15:19:16 easwee

或者，如果你絕對必須有一個內聯圖像，你可以設置行高爲0來控制增加的空間。 –

或設置垂直對齊到底:) – easwee

html之間的垂直空間塊出現

回答

相關問題