我喜歡在整個HTML頁面放置一行。這個怎麼做？橫貫整個HTML頁面的水平線

enter image description here

我想：

hr { 
    width: 100%; 
}

，但它不工作

來源

2012-09-29 Emerald214

嗯？它看起來像在你的截圖中工作。 – Chris

你可以爲此使用一個薄的高度'DIV'。 – yogi

@ Abody97：是的，我想這樣做。對不起，這不是我的代碼的結果。 – Emerald214

的<hr />標籤始終是100%寬度其父標籤。

<br /><hr /><br />

檢查父母是否有一些padding需要刪除。另一個選項是將body標記的padding和margin設置爲0。

body { 
padding: 0; 
margin: 0; 
}

完整代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
      body { 
       padding: 0; 
       margin: 0; 
      } 
     </style> 
    </head> 

    <body> 
     <br /> 
     <hr /> 
     <br /> 
    </body> 
</html>

來源

2012-09-29 06:48:49

它不起作用。小時不會超出HTML頁面 – Emerald214

？ @Emerald214是什麼意思？你的意思是它應該覆蓋整個顯示？ –

我已經粘貼完整的代碼了。經過Firefox和Chrome測試 –

檢查這些演示...

http://jsfiddle.net/dqnKQ/1/而http://jsfiddle.net/dqnKQ/2/

來源

2012-09-29 07:00:50

只需鍵入`<hr />`，它的偉大工程

如果需要，您可以隨時將其設置爲內聯。例如：

<hr style="width:100%; height:6px; background-color: #cce1ec; border:none;" />

作爲一個HTML標記，也可被用作在CSS選擇器，例如：

hr{ width:100%; height:6px; background-color:#cce1ec; border:none;}

來源

2016-11-25 09:11:30

橫貫整個HTML頁面的水平線

回答

只需鍵入<hr />，它的偉大工程

相關問題

只需鍵入`<hr />`，它的偉大工程