Pertanyaan Butuh daftar tanpa urutan tanpa peluru


Saya telah membuat daftar yang tidak diurutkan. Saya merasa peluru dalam daftar tak beraturan merepotkan, jadi saya ingin menghapusnya.

Apakah mungkin memiliki daftar tanpa peluru?


2039
2018-06-22 13:57


asal


Jawaban:


Anda dapat menghapus peluru dengan mengatur list-style-type untuk none pada CSS untuk elemen induk (biasanya a <ul>), sebagai contoh:

ul {
  list-style-type: none;
}

Anda mungkin juga ingin menambahkan padding: 0 dan margin: 0 untuk itu, jika Anda ingin menghapus indentasi juga.

Lihat Listutorial untuk panduan teknik pemformatan daftar.


3031
2018-06-22 14:00



Jika Anda menggunakan Bootstrap, ia memiliki kelas "tidak ditata":

Hapus gaya daftar default dan padding kiri pada item daftar (hanya anak-anak langsung).

Bootstrap 2:

<ul class="unstyled">
   <li>...</li>
</ul>

http://twitter.github.io/bootstrap/base-css.html#typography

Bootstrap 3 dan 4:

<ul class="list-unstyled">
   <li>...</li>
</ul>

http://getbootstrap.com/css/#type-lists


466
2017-07-11 15:05



Anda perlu menggunakan list-style: none;

<ul style="list-style: none;">
    <li> ...</li>
</ul>

183
2018-06-22 14:00



dalam css, gaya,

 list-style-type: none;

49
2018-06-22 14:00



Anda harus menambahkan gaya ke <ul> elemen seperti berikut:

<ul style="list-style: none; ">
    <li>Item</li>
    ...
    <li>Item</li>
</ul>

Itu akan menghapus peluru. Anda juga bisa menambahkan CSS dalam stylesheet seperti contoh di atas.


43
2018-06-22 14:02



di css ...

ul {
   list-style:none;
}

41
2018-06-22 14:00



Penyempurnaan kecil di atas: Untuk membuat garis yang lebih panjang lebih mudah dibaca jika meluas ke garis layar tambahan:

ul, li {list-style-type: none;}

li {padding-left: 2em; text-indent: -2em;}

34
2017-12-10 05:55