Javascript 左对齐未排序列表的编号

我正在玩HTML中的未排序列表，想知道在动态生成的

ul

s上是否可以显示以下内容

*    Hello
*        Hi
*        Bi
*    Name
*        Ron
*        Mat
*    Cloth
*        Color
*            Red

因此，我首先使用jquery

append

函数将

UL

附加到

DIV

，并根据树范围不断添加，但我得到的结果是-

    *Hello
        *Hi
        *Bi
    *Name
        *Ron
        *Mat
    *Cloth
        *Color
            *Red 

---

有没有办法通过CSS将星星向左对齐？

您可以使用

位置：相对/绝对

以及

：：before

.ul{
位置：相对位置；
}
李{
列表样式：无
}
李：以前{
内容：“*”；
位置：绝对位置；
左：0；
}

你好

李
毕


名字

罗恩
垫子


布

颜色

红色的

您可以使用

位置：相对/绝对

以及

：：before

.ul{
位置：相对位置；
}
李{
列表样式：无
}
李：以前{
内容：“*”；
位置：绝对位置；
左：0；
}

你好

李
毕


名字

罗恩
垫子


布

颜色

红色的

您使用绝对定位的伪元素来代替标准的项目符号。我使用了bullet point\u2022的unicode字符，但您可以使用任何您想要的字符。以下是一个例子：

ul{
列表样式：无；
}
#主列表{
位置：相对位置；
}
李：以前{
内容：“\2022”；
位置：绝对位置；
左：0；
}

你好

你好



啜饮

哟



另一个

我能做到
整天！

看到了吗

您使用绝对定位的伪元素来代替标准的项目符号。我使用了bullet point\u2022的unicode字符，但您可以使用任何您想要的字符。以下是一个例子：

ul{
列表样式：无；
}
#主列表{
位置：相对位置；
}
李：以前{
内容：“\2022”；
位置：绝对位置；
左：0；
}

你好

你好



啜饮

哟



另一个

我能做到
整天！

看到了吗

不是一个很好的解决方案，但您可以将它们放在同一级别，而不是嵌套和缩进

&emsp不是一个很好的解决方案，但是您可以将它们放在同一个级别，而不是嵌套和缩进
&emsp没有li，这些元素都是ul的。此解决方案仅对ul有效吗？我现在不在计算机旁，因此无法更新我的答案，但它将有效。请记住，你不能把一个ul作为另一个ul的直接孩子。你必须像我一样使用li。我的错我以为我选择了你的答案，虽然没有li，但这两个都是正确的答案，这些都是ul的。此解决方案仅对ul有效吗？我现在不在计算机旁，因此无法更新我的答案，但它将有效。请记住，你不能把一个ul作为另一个ul的直接孩子。你必须像我一样使用li。我的错我以为我选择了你的答案，虽然没有li，但这两个都是正确的答案，这些都是ul的。该解决方案仅对ul有效吗？没有li，所有元素都是ul的。此解决方案是否仅对ul有效？