如何使横向规则不被拉伸？

我想出了如何通过使用margin-left来让它不会在左侧拉伸，但是当我尝试通过使用margin-right来获得右侧时，它不起作用。 有没有另外一种方法在CSS中做到这一点？ 这是我得到的..

HTML

<div class="Heading">Painting</div>
<hr draggable="auto" color="#FB2529">

CSS

hr { color:#FB2529;
width:100%;
margin-top:-15px;
margin-left:29%;
height:.2px;
}

---

你可以通过调整你的css中的width属性来使其工作。margin margin-left和margin-right也应该相对于width ..

当您调整左侧的边距时，页面中的width仍然为100％，因此右侧溢出...

要解决这个问题，我建议使用这个：

hr {  
   color:#FB2529;
   width:98%;
   margin-top:-15px;
   margin-left:1%;
   margin-right: 1%;
   height:.2px;
}

因为您可以看到width ， margin-left margin-right和margin-right总和为表示区域宽度的100％之和..如果您想将其设置为像素，则可以......但是，您应该知道具体的宽度以像素为单位..

链接地址: http://www.djcxy.com/p/15761.html

上一篇: How to make horizontal rule not stretch over?

下一篇: PHP: for