1

我喜欢在整个 HTML 页面中放置一行。这该怎么做？

在此处输入图像描述

我试过：

hr {
    width: 100%;
}

但它不起作用

4

3 回答 3

2

<hr />标签始终是100%其父标签的宽度。

<br />​&lt;hr />​​​​​​​​​​​​​​​​​​​&lt;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-29T06:48:49.723 回答
1

检查这些演示...

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

于 2012-09-29T07:00:50.570 回答
1

只需输入<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-25T09:11:30.313 回答