如何獲得一個包裝

正如你可以在該示例圖片中看到內擺脫多餘的空白，上面有「新聞」標題某種類型的空白（填充？裕？）我已經試過與填充頂部，邊緣頂部混雜，但我沒有做的將擺脫白色空間。謝謝！

HTML：

<div id="news_wrapper"> 
    <div id="newsheader"> 
     <p>News</p> 
    </div> 
    <div class="news"> 
     <p>"News Post 1"</p> 
    </div> 
    <div class="news"> 
     <p>"News Post 2"</p> 
    </div> 
    <div class="news"> 
     <p>"News Post 3"</p> 
    </div> 
    <div class="news"> 
     <p>"News Post 4"</p> 
    </div> 
</div>

CSS：

#news_wrapper { 
border: 1px solid black; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
width: 650px; 
height: auto; 
margin: 6px; 
} 

#newsheader { 
background-color: Black; 
color: white; 
width: auto; 
margin: 0px; 
height: 30px; 
text-align: center; 
font: 'Helvetica', sans-serif; 
text-transform: bold; 
} 

.news { 
display: block; 
margin: auto; 
text-align: center; 
border: 1px solid black; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
margin: 4px; 
}

來源

2012-10-23 Programmer XYZ

添加到您的CSS

#newsheader p{ 
    margin:0; 
}

來源

2012-10-24 00:13:01 jlibert

完美。謝謝。 –

我相信這個問題是您margin: auto

我一般用margin: 0 auto這種效果。

來源

2012-10-24 00:06:36 tuck

我不認爲這是問題，只是嘗試並沒有什麼變化。雖然謝謝！ –

哎呀，抱歉，當我回答你的時候，我在工作中被分區。我的意思是刪除整個保證金：汽車。我的意思是說我已經使用margin：0 auto來獲得你在實現中不想要的居中效果。不知道這是否會奏效，但只是爲了澄清。 – tuck

如何獲得一個包裝

回答

相關問題