html 括号纵向排版,有序列表(HTML)下α和右括号?

这里有一个整洁的解决方案。 (老实说我对此感到惊讶。)CSS有一个叫

counters的东西,你可以在每个标题上设置例如自动章节编号。有点修改给你下面;你需要自己整理填充等。

ol {

counter-reset: list;

}

ol > li {

list-style: none;

}

ol > li:before {

content: counter(list, lower-alpha) ") ";

counter-increment: list;

}

custom list style type (v1):

  1. Number 1
  2. Number 2
  3. Number 3
  4. Number 4
  5. Number 5
  6. Number 6

适用于所有现代浏览器和IE9(可能IE8,但可能是buggy)。

更新:我添加了子选择器以防止嵌套列表拾取父样式。 trejder也出现在评论中的一个好点,列表项对齐方式也搞砸了。 article on 456bereastreet有一个很好的解决方案,涉及绝对定位计数器。

ol {

counter-reset: list;

}

ol > li {

list-style: none;

position: relative;

}

ol > li:before {

counter-increment: list;

content: counter(list, lower-alpha) ") ";

position: absolute;

left: -1.4em;

}

custom list style type (v2):

  1. Number 1
  2. Number 2
  3. Number 3
  4. Number 4
  5. Number 5
  6. Number 6
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值