问题样式列表项



我试图样式一个有序的列表,似乎很简单,但显然是比我想象的更难,我需要做的是分开下面的白色边框的每个项目,问题是"子弹"或"列表号"不是li元素的一部分,所以边界被放置在文本下方,这里是我的意思的图像:

http://www.diigo.com/item/image/1j40h/5eni

我试图找到一种方法,使底部边界跨越整个边界,但我还没有能够,我虽然添加一个垂直重复的背景的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)

最新更新