完全符合自定义项目符号

Question

由于ul不支持带破折号的列表，因此我创建了一个类dash，该类删除了list-style并在前面插入了一个破折号，如下所示。

<style>
ul.dash{list-style:none}
ul.dash>li:before{content:"\2013"}
</style>

并且我编写以下代码。

<ul><li>This is a sentence.</li></ul>
<ul class="dash"><li>This is a sentence.</li></ul>
<ul style="list-style:circle"><li>This is a sentence.</li></ul>
<ul style="list-style:square"><li>This is a sentence.</li></ul>

在这里，我想精确对齐这四个列表。除了第二个以外，其他所有都很好。我试图对padding和margin设置进行微管理，但找不到默认数字。谢谢。

Answer 1

[我不认为（据我所知），没有任何方法可以使其完美对齐。但在这里我尝试用position:absolute;设置它，您可以在下面的小提琴中查看...