如何使<hr>扩展到有序列表编号下面？

Question

我有一个用ng-repeat创建的列表,在每个列表项下我有一个水平规则.

<ol>
   <li ng-repeat="item in items track by $index" ng-dblclick="deleteItem(item)">
     {{item}}
     <hr>
   </li>
</ol>

但是,数字占用的区域(装饰器？)会阻止水平规则扩展.

有什么方法可以解决这个问题吗？

Answer 1

您可以尝试使用:

ul {
    list-style-position: inside;
    /* other CSS */
}

这将列表标记带入<li>元素中.

或者简单地用来border-bottom代替<hr />元素.