當我創建圖像時，白線出現在我的頁面頂部

-1

我試圖構建我的頁面的佈局，到目前爲止這麼好...直到我將圖像放在我的標題上。當我創建圖像時，白線出現在我的頁面頂部

當我嘗試設計圖像樣式時，白線出現在我的頁面頂部。我已經到位的代碼上的jsfiddle：http://jsfiddle.net/CCZjL/

當我刪除了：從我的CSS文件

#header img { 
    width:66px; 
    height:61px; 
    position:absolute; 
    top:25px; 
}

，該行沒有longuer有... ???

任何人都可以解釋這一點嗎？

謝謝！

您確定您的圖片是高61英寸，寬66英寸？它可能被拉伸？ – putvande

如果你添加* {margin：0; padding：0;} http://jsfiddle.net/CCZjL/4/ – caramba

它實際上要大得多，但事件的確切圖像大小，或沒有圖像（作爲鏈接jsfiddle），我仍然在上面看到白線？ –

添加margin: 0;和line-height: 65px;到#header h1

像這樣：

#header h1 { 
    text-align:center; 
    font-size:20px; 
    margin: 0; 
    line-height: 65px; 
}

您還可以從#header中刪除vertical-align: middle;。這不是必需的。

2013-12-18 16:45:23 MElliott

最好注意，如果你想讓'h1'文本居中，'line-height'值應該匹配'＃header'的'height'。 – ajp15243

是的，你說得對。我應該解釋一下。謝謝。 :) – MElliott

white-space來自h1。

瀏覽器將默認樣式應用於元素。

最好刪除所有默認樣式。像：

*{ 
    margin:0; 
    padding:0; 
}

寫：

#header h1 { 
    margin:0; 
}

2013-12-18 16:44:59 Hiral

回答