Question

我在HTML中使用hr标记时出现问题，因为它不会像我预期的那样自动居中。这就是我目前的代码：

<div id = "updatestatus" class = "statuscontainer">
    <div class = "verticalalign">Update Status</div>
</div>
<hr width = "95%">

<div id = "insertstatus" class = "statuscontainer">
    <form></form>
</div>

正如您所看到的，我将hr标记放在两个div之间，我相信它应该自动居中，但它最终会转到左边的。我也试过hr align = center也没有成功。

编辑：我刚刚意识到，当我将整个hr标记放在<center></center>中时，它会居中，但我仍然在试图弄清楚它为什么不以它为中心自己的。

Answer 1

尝试margin: auto;

<hr style="width:100px; margin: auto;" />

Answer 2

我在我的css上使用!important

<hr style"width:50%; margin-left:25% !important; margin-right:25% !important;" />

Answer 3

试试此代码

<hr width="50%" margin-left:45px;">

居中<hr />标签

3 个答案: