SORU
14 AĞUSTOS 2008, PERŞEMBE


Nasıl sıralı bir listesini sayıları ayar çekebilir misin?

Nasıl-sola Hizala sıralanmış bir listede numaraları alabilir miyim?

1.  an item
// skip some items for brevity 
9.  another item
10. notice the 1 is under the 9, and the item contents also line up

Sıralı listedeki sayıdan sonra karakter değiştirmek?

1) an item

Orada da rakamları/Roma ol öğesi türü öznitelik yerine listeler alfabetik değiştirmek için CSS bir çözüm.

Firefox 3 üzerinde çalışan cevaplar çoğunlukla ilgileniyorum.

CEVAP
28 Ocak 2009, ÇARŞAMBA


Bu Firefox 3, Opera ve Google Chrome içinde çalışan bir çözümdür. Liste hala IE 7 (ama yakın dirsek ve sola Hizala numaraları olmadan) görüntüler:

<style type="text/css">
<!--
ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
li:before {
    display: inline-block;
    content: counter(item) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}
-->
</style>
<body>
<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
  <li>Eight</li>
  <li>Nine<br>Items</li>
  <li>Ten<br>Items</li>
</ol>

DÜZENLEME:Strager dahil birden fazla satır düzeltme

Orada da rakamları/Roma ol öğesi türü öznitelik yerine listeler alfabetik değiştirmek için CSS bir çözüm.

list-style-type CSS özelliği ifade eder. Veya sayaçları kullanırken ikinci argüman tarzı bir liste tipi bir değer kabul eder. Örneğin aşağıdaki üst Roma: kullanır

li:before {
    content: counter(item, upper-roman) ") ";
    counter-increment: item;
/* ... */

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • GenTechPC

    GenTechPC

    1 Temmuz 2007
  • infiniTuts

    infiniTuts

    18 Ocak 2012
  • merumputdotcom

    merumputdotc

    24 ŞUBAT 2012