页面中间的水平线

Question

我想在页面中间有一条水平线.就像是

<div class="line">
  <hr>
</div>

.line {
  top: 50%;
}

但这不起作用.我不想自己写这句话

<p> _______________________________________</p>

有没有办法让人力资源中心化？

Answer 1

在设置top属性之前,需要从文档的正常流程中取出行.试试这个

.line {
   position:absolute;
   width:100%;
   top: 50%;
}

<hr class="line">

JS小提琴:https: //jsfiddle.net/q9o5q70z/