我试图样式一个有序的列表,似乎很简单,但显然是比我想象的更难,我需要做的是分开下面的白色边框的每个项目,问题是"子弹"或"列表号"不是li
元素的一部分,所以边界被放置在文本下方,这里是我的意思的图像:
我试图找到一种方法,使底部边界跨越整个边界,但我还没有能够,我虽然添加一个垂直重复的背景的ol
,但如果文本需要超过一行它不会工作,我最后的手段是使用一个没有子弹的ul
,并让用户键入数字自己,这将是li
的一部分,但这听起来不太友好的用户:(
有人能帮我吗?提前感谢!
为你的ol
元素使用list-style-position
CSS属性:
ol
{
list-style-position: inside;
}
它将使你的项目符号成为显示的列表项内容的一部分。这些都符合CSS 2.1规范(http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position)