小编Max*_*xor的帖子

右对齐CSS之前:数字?

我希望编号段落而不是使用有序列表.我试图通过在CSS中使用内容:counter(段落)来实现这一点,这样我创建的每个段落块都会在其左侧生成一个数字.

.pass {
  counter-reset:paragraph;
}

.pass p:before {
  content:counter(paragraph);
  position:absolute;
  font-size:0.6em;
  color:#999;
  margin-left:-3em;
  counter-increment: paragraph;
}
Run Code Online (Sandbox Code Playgroud)

它工作正常,但问题是我无法弄清楚如何对齐数字,使它们都对齐.

所以代替:

7   Content
8   Content
9   Content
10  Content
Run Code Online (Sandbox Code Playgroud)

我希望它们看起来像这样:

 7  Content
 8  Content
 9  Content
10  Content
Run Code Online (Sandbox Code Playgroud)

有没有办法在没有OL和LI的情况下实现这一目标?

css pseudo-element css-content

3
推荐指数
1
解决办法
4230
查看次数

标签 统计

css ×1

css-content ×1

pseudo-element ×1