Question

我正在尝试设计一个看似非常简单的有序列表，但显然比我想象的要难，我需要做的是将下面的每个项目用白色边框分开，问题是“子弹”或“列表编号“不是li元素的一部分，因此边框仅位于文本下方，这是我的意思的图像：

我正试图找到一种方法让底部边界跨越整个边界，但我无法做到，我虽然要为ol添加一个垂直重复的背景但是如果文本需要不止一条线它不起作用，我的最后一招是使用ul没有子弹，并让用户自己键入数字li但它没有'听起来非常人性化:(

任何人都可以帮助我吗？提前谢谢！

Answer 1

使用list-style-position元素的ol CSS属性：

ol
{
    list-style-position: inside;
}

它会使您的项目符号成为显示的列表项内容的一部分。这完全符合CSS 2.1规范（http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position）