html - 如何为 li 添加边框包括数字？

Question

我应该如何为每个 li 包含数字的 ol li 元素设置边框？

我读取了一个包含问题列表的 XML 文件，并尝试在 HTML 上动态添加 ol li。

HTML

<div class="faq_row_holder">
    <ol class="faq_row"></ol>
</div>

JS

for (var i = 0 ; i < size; i++) {
   var question = xml.find('row').eq(i).find('question').text();
   $('.faq_row').append(" <li class='quest' ><a class='faq_row_question'>"+ question + "</a></li> <br>");
}

Answer 1

您可以将list-style-position设置为inside。

ol {
  list-style-position:inside;
  margin:0;
  padding:0;
}

li {
  border:1px solid
}

<ol>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ol>