Как заставить <hr> расширяться под номерами упорядоченного списка?

Question

0

У меня есть список, созданный с помощью ng-repeat, и под каждым элементом списка у меня есть горизонтальное правило.

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

Однако область, занятая цифрами (декораторы?), Блокирует горизонтальное правило от продолжения внутри.

Есть ли способ разрешить это?

Charles Watson 07 дек. 2015, в 01:04

Теги:

1 ответ

David Thomas · Accepted Answer · 2015-12-06T20-57-00.000Z

Вы можете попробовать:

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

Что приносит маркеры списка внутри элементов <li>.

Или просто используйте border-bottom вместо элемента <hr/>.