css - ul 自定义以包含数量

Question

所以，我一直试图CSS在项目符号和 ul 项目描述之间插入一个数量。谢谢你的帮助。

* abc 
* efg
* hijklmnop

至

* 125 abc 
* 5   efg
* 20  hijklmnop

预先感谢您的帮助。

Answer 1

不知道为什么要使用 CSS 来添加内容，但你可以做这样的事情

HTML

<ul>
    <li class="add_125">abc</li>
    <li class="add_5">efg</li>
    <li class="add_20">hijklmnop</li>
</ul>

CSS

.add_125:before {
    content:'125 ';
}
.add_5:before {
    content:'5 ';
}
.add_20:before {
    content:'20 ';
}

Answer 2

好吧，你不能使用 CSS 在列表项和它的点之间插入随机数。您可以做的最好的事情是将数字包装在一个 div 中并给它一个宽度，以便文本将排列在一起。

就像是：

<li><div style="width:50px">125</div> Contrary to popular... </li>