如何使<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 />元素。