HTML5 / CSS - <ol>带字母和括号?

时间:2015-11-11 06:49:21

标签: css html5 html-lists

我想知道是否可以使用带有“)”intead“的字母。”在有序列表中。像这样:

a) Some text...
b) Some text...
c) Some text...

到现在为止,我得到了:

a.) Some text...
b.) Some text...
c.) Some text...

所以我需要消除这些要点。

CSS:

.theclass ol li{
  margin: 0 0 0 1em;
}

.theclass ol li:before{
  content: ') ';
  position: absolute;
  margin-left: -3.4em;
  text-align: right;
  width: 3em;
}

HTML:

<div class="theclass">
 <ol type="a">
   <li>Some text...</li> 
   <li>Some text...</li>  
   <liSome text...  </li> 
 </ol>
</div>  

1 个答案:

答案 0 :(得分:6)

我找到了这个。

我没有足够的积分来表扬。 这不是我的解决方案!

在此处找到:Ordered list (HTML) lower-alpha with right parentheses?

Jsfiddle

上的示例
ol {
counter-reset: list;
margin: 0; }

ol > li {
list-style: none;
position: relative; }

ol > li:before {
counter-increment: list;
content: counter(list, lower-alpha) ") ";
position: absolute;
left: -1.4em; }

我认为这就是你要找的......?

另一个答案可以在这里找到: How to remove dot “.” after number in ordered list items in OL LI?由Moin Zaman回答