html - 部分宽度边框

Question

如何生成不拉伸(stretch)给定框的整个宽度的边框？例如:

我必须使用不同宽度的单独 HTML 元素吗？或者我可以完全通过 CSS 实现这一点。

Answer 1

您始终可以使用 CSS :after 语句:

<style>
div.hr-like:after {
    height:1px;
    background:#333;
    width:25%;
    display:block;
    margin:0px auto;
    content:""
}
</style>

<div class="hr-like">
    foo
</div>

---

补充:这是一个例子，地址是jsfiddle