html - 如何设置a的宽度在 CSS 中到 X 像素数小于宽度：自动？

Question

我有一个带有一些<hr/>元素的导航。最好在纯CSS（3？）中，如何将水平规则的宽度设置为自动减去X个像素？

_{这不会重复这个问题，因为它是关于什么等同于负填充，这是不可能的。}

Answer 1

你可以使用下面的。

hr {
    width: auto;
    margin: 0 10px; /* This leaves 10px margin on left and right. If only right margin is needed try margin-right: 10px; */
}

Answer 2

尝试使用margin-right

或者你可以使用 Javascript 来做一些更具体的事情。例如：

CSS：

hr {
   margin-right:20px;
   width:auto;    
}

演示