Question

我想在网页的主标题下创建一条细线，该网页居中，类似于this。如何使用 / hr 创建端到端线。

Answer 1

在your example中，这是使用css完成的，而不是使用hr-tag 所以要么你可以使用你的例子中的css风格的border-bottom，要么你确实可以使用你给一些CSS的hr-tag，例如：

<hr style="width:40%">

如果您想定位小时，可能需要position-style。您可以在w3c example site上轻松尝试。

请记住，hr-width-attribute（不是样式！）不再在html5下工作了。

Answer 2

您可以调整HR宽度

        $(".Postshf").submit(function(){
            var descrp=$(".descrp").val();
            var s=$(".sasa").text();
            $.ajax({
                type: "GET",
                url: '../files/connect.php',
                data: "Namess="+names+"&Left="+left+"&top="+top+"&d="+descrp+"&r="+s,
                 success: function(data)
                {
                        alert(data);
                }
            });
        });

或者在您给出的示例中，使用带有底部边框的div的css属性

<hr width="50%">

Answer 3

您可以将HR标签或HR标签与简单的CSS代码

一起使用

Html HR标签：

<center>Your Code Here</center>

<hr align="center" width="50%">

此处HR标签带有简单的css代码：

hr {
width: 50%;
margin-left: auto;
margin-right: auto;
}

<center>Your sample code here</center>
<hr>

注意： HTML5规范中不支持的属性都与标记的外观相关。外观应该在CSS中设置，而不是在HTML本身中设置。

因此，请使用不带属性的<hr>标记，然后在CSS中设置样式以显示您想要的方式。

Answer 4

你可以重新设置并为你的小时增加保证金

＆＃13;

hr {
  border:none;
  border-top:1px solid;/* or bottom */
  margin:1em 15%; /* 15% or whatever fixed or % value that suits your needs*/
  }

body {text-align:center;}

＆＃13;

<h1>Any content before</h1>
<hr/>
<p>any content after</p>

＆＃13;

宽度也涉及固定的宽度边距

＆＃13;

hr {
  border:none;
  border-top:1px solid;/* or bottom */
  margin:1em auto; 
  width:17em;
  }

body {text-align:center;}

＆＃13;

<h1>Any content before</h1>
<hr/>
<p>any content after</p>

＆＃13;

您还可以使用任何标记的边框底部...

＆＃13;

h1 {
  border-bottom:1px solid;
  padding-bottom:0.5em;
  display:table; /* to fit to content's width  else margin or a fixed width works too */
  margin:1em auto; /* if not display:table use width or margin values as first snippet */
  }

body {text-align:center;}

＆＃13;

<h1>Any content before</h1>
<p>any content after</p>

＆＃13;

Answer 5

HTML：

CSS：。 hr { 宽度：50％颜色：＃222 }

Answer 6

html：

     <h1> Your code </h1>
     <hr>

CSS：

       hr  {
       align-content : center;
       width : 20%;
       margin-left : auto;
       margin-right : auto;
        }

hr 样式设置将在 CSS 中完成，而不是在正文中。

编辑：我使用宽度来控制将出现在我的标题或文本下方的水平线的长度。 Margin-left 和 margin-right :auto，自动将线放置在中心，通常线从页面的一端开始并在另一端结束。

如何在HTML中创建部分水平线？

6 个答案: