簡體   English   中英

div之間的差距

[英]Gap between divs

我希望帶有id標語的div以這樣的方式顯示,即在同一張圖片和圖片之間沒有間隙。 如何使其成為可能?

這是小提琴...

http://jsfiddle.net/hxsPz/

這沒用

#tagline {
    margin-top:0;
height: 50px;
background-color: aqua;
}

圖像需要display:block; 而且在p上沒有保證金

img {display:block;}
p {margin:0;}

固定小提琴示例

您還必須從p中刪除邊距:

#tagline p { margin-top:0; }

使用Moob的答案是block或使用此css3 flex 注意:Safari和IE 支持此功能:

img{display:flex;}
p { margin-top:0; }

在這里擺弄

我建議您使用CSS重置,許多元素都沒有填充和邊距。 您的情況是#tagline div中的p標簽具有填充和邊距

#tagline p {
    margin: 0;
    padding: 0;
}

工作演示 (它沒有CSS重置,還為菜單添加了一個clearfix)

一律使用重設樣式

* {
    margin: 0;
    padding: 0;
}

而img填充是因為img顯示屬性設置為內聯(默認情況下),下面的代碼將解決此問題。

img {
    display: block;
}

http://jsfiddle.net/hxsPz/20/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM