Gülləsüz bir sıralanmamış siyahıya ehtiyac var.

Mən bir sıra siyahı yaratdım. Hesab edirəm ki, bir sıra siyahıda güllələr cansıxıcıdır, buna görə də onları aradan qaldırmaq istərdim.

Bir güllə olmadan bir siyahısı varmı?

2191
22 июня '09 в 16:57 2009-06-22 16:57 praveenjayapal 22 iyun '09 16:57 'da soruşdu 2009-06-22 16:57
@ 28 cavab

Üst elementə (ümumiyyətlə <ul> ) CSS-də none list-style-type təyin etməklə markerləri silə bilərsiniz, məsələn:

 ul { list-style-type: none; } 

Girintiləri aradan qaldırmaq istəyirsinizsə, padding: 0margin: 0 əlavə edə bilərsiniz.

Liste formatlama metodlarına daha yaxşı baxmaq üçün siyahısı siyahısına baxın .

3255
22 июня '09 в 17:00 2009-06-22 17:00 Cavab Paul Dixon tərəfindən 22 İyun '09 saat 17: 00-da verilir

Bootstrap istifadə etsəniz, "stilsiz" bir sinif var:

Siyahıdakı elementlərin (yalnız dərhal uşaqlar üçün) sol siyahıda stil stilini ləğv edin.

Bootstrap 2:

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

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

Bootstrap 3 və 4:

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

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

499
11 июля '13 в 18:05 2013-07-11 18:05 Cavab Scott Stafford tərəfindən 11 İyul, '13 'da saat 18:05 ' də verilir. 2013-07-11 18:05

list-style: none; istifadə list-style: none;

 <ul style="list-style: none;"> <li> ...</li> </ul> 
192
22 июня '09 в 17:00 2009-06-22 17:00 Cavab karim79 22 iyun 2009- cu il saat 17: 00-da verilir

css, stil,

  list-style-type: none; 
51
22 июня '09 в 17:00 2009-06-22 17:00 Cavab Haim Evgi tərəfindən 22 iyun 2009- cu ildə saat 17: 00-da veriləcək

<ul> elementə aşağıdakı kimi stil əlavə etmək lazımdır:

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

Bu güllələri çıxaracaq. Üstəlik, yuxarıdakı nümunələr kimi stil versiyasına CSS əlavə edə bilərsiniz.

44
22 июня '09 в 17:02 2009-06-22 17:02 Cavab DanO 22 iyun 2009- cu il saat 17: 02-da verilir

css ...

 ul { list-style:none; } 
41
22 июня '09 в 17:00 2009-06-22 17:00 Cavab Tim Hoolihan tərəfindən 22 iyun 2009- cu il saat 17.00-da verilir

Yuxarıda göstərilən kiçik bir açıqlama: əlavə ekranlara keçsələr, daha uzun xətləri daha oxunandır.

 ul, li {list-style-type: none;} li {padding-left: 2em; text-indent: -2em;} 
35
10 дек. Cavab charliehoward tərəfindən verilir 10 dekabr. 2012-12-10 08:55 '12 at 8:55 2012-12-10 08:55

Aşağıdakı CSS-dən istifadə edin:

 ul { list-style-type: none } 
34
22 июня '09 в 17:00 2009-06-22 17:00 cavab 22 iyun 2009- cu il saat 17.00-da Ole Spaarmann'a verildi

Native:

 ul { list-style-type: none; } 

Bootstrap:

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

Qeyd: Siyahı qruplarını istifadə edirsinizsə, qeyri-stasionar siyahıya ehtiyac yoxdur.

18
15 мая '14 в 0:23 2014-05-15 00:23 15 May 'da Cody' a cavab verdi 0:23 2014-05-15 00:23

Mən ul və li üçün güllələri aradan qaldırmaq üçün siyahı tərzini istifadə etdim. Kartricləri şəxsi xarakterlə əvəz etmək istəmişəm, bu halda "dash" yaxşı bir nəticə verir. Beləliklə, bu qeydin istifadə edilməsi:

 <ul class="dashed-list"> <li>text</li> <li>text</li> </ul> 

bu css ilə:

 ul.dashed-list { list-style: none outside none; } ul.dashed-list li:before { content: "\2014"; float: left; margin: 0 0 0 -27px; padding: 0; } ul.dashed-list li { list-style-type: none; } 

mətni büküldükdə işləyən yaxşı çentiklə təsir edir

13
17 сент. Chris Halcrow tərəfindən verilmiş cavab Sep 17 2013-09-17 07:52 '13 saat 07:52 'da 2013-09-17 07:52

<ul> səviyyəsində işləməyəsinizsə, list-style-type: none; <li> səviyyəsində:

 <ul> <li style="list-style-type: none;">Item 1</li> <li style="list-style-type: none;">Item 2</li> </ul> 

Təkrarlanmamaq üçün CSS sinfi yarada bilərsiniz:

 <style> ul.no-bullets li { list-style-type: none; } </style> <ul class="no-bullets"> <li>Item 1</li> <li>Item 2</li> </ul> 

EDIT: istifadə edin !important olduqda vacibdir:

 <style> ul.no-bullets li { list-style-type: none !important; } </style> 
13
08 окт. Octo 08-də Antonio Ooi tərəfindən verilən cavab 2013-10-08 11:14 '13 at 11:14 2013-10-08 11:14

CSS

 .liststyle { list-style-type: none; } 

HTML:

 <ul class="liststyle"> <li>Test</li> </ul> 
7
12 окт. Jijo Paulose tərəfindən verilmiş cavab 12 oktyabr 2015-10-12 10:49 '15 at 10:49 2015-10-12 10:49

Sifarişlərin siyahısı bu marker nöqtələri olmadan şaquli olur. Bir xəttdə!

  li{ display: block; } 
3
03 сент. cavab matt 03 sep. 2016-09-03 13:59 '16 saat 13:59 'də 2016-09-03 13:59

Aşağıdakı CSS-i istifadə edərək markerləri silə bilərsiniz:

  ul { list-style: none; //or list-style-type:none; } 

Hətta öz siyahısını tərtib edə bilərsiniz, məsələn:

 li:before { content: '✔'; color:red; } 
3
26 июля '16 в 10:05 2016-07-26 10:05 cavab iyul ayının 26-da saat 10: 201-da başlayır. 2016-07-26 10:05

CSS KODU

 ul { list-style-type: none; } 

HTML kod

 <ul> <li><a href="#">Item One</a></li> <li><a href="#">Item Two</a></li> </ul> 
3
08 окт. cavab 08 oktyabr Arun verilir . 2013-10-08 11:21 '13 at 11:21 2013-10-08 11:21

style="list-style-type:none" istifadə edərək markerləri silin.

Bunu cəhd edin:

 <ul style="list-style-type:none" > <li>op1</li> <li>op2</li> <li>op2</li> </ul> 
3
24 авг. Cavab qara qartalı 24 aug tərəfindən verilir . 2018-08-24 09:27 '18 at 9:27 2018-08-24 09:27

Bunu edə bilərsiniz

 <ul> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ul> 
3
04 нояб. Cavab Şahzadə 04 Noyabrda verilir. 2018-11-04 16:05 '18 saat 16:05 'da 2018-11-04 16:05

Mən cəhd etdiyim və izləyən şey idi

 header ul{ margin: 0; padding: 0; } 
2
24 июля '18 в 9:26 2018-07-24 09:26 Cavab Dadhich Sourav'a 24 İyul, '18 'də 9:26 2018-07-24 09:26' də verilir

Bunu yalnız təmiz HTML ilə əldə etmək istəyirsinizsə, bu həll bütün əsas brauzerlərdə işləyəcək:

Təsvirlər siyahısı

Yalnız aşağıdakı HTML istifadə:

 <dl> <dt>List Item 1</dt> <dd>Sub-Item 1.1</dd> <dt>List Item 2</dt> <dd>Sub-Item 2.1</dd> <dd>Sub-Item 2.2</dd> <dd>Sub-Item 2.3</dd> <dt>List Item 3</dt> <dd>Sub-Item 3.1</dd> </dl> 

Aşağıdakılara bənzər bir siyahı çıxaracaq:

 List Item 1 Sub-Item 1.1 List Item 2 Sub-Item 2.1 Sub-Item 2.2 Sub-Item 2.3 List Item 3 Sub-Item 3.1 

Məsələn burada: https://jsfiddle.net/zumcmvma/2/

Link: https://www.w3schools.com/tags/tag_dl.asp

1
23 марта '18 в 4:26 2018-03-23 04:26 Cavab ŞaneB tərəfindən 23 Mart '18, 4:26 'də verilir. 2018-03-23 ​​04:26

Aşağıdakı kod, sıradan bir siyahı üçün bir mermi silinmənin yaxşı və sadə bir nümunəsidir.

 <!DOCTYPE html> <html> <body> <h2>Unordered List without Bullets</h2> <ul style="list-style-type:none"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html> 
1
28 июня '17 в 23:05 2017-06-28 23:05 Cavab 28 İyun tarixində saat 17: 30-da Ceyms tərəfindən veriləcək
  <div class="custom-control custom-checkbox left"> <ul class="list-unstyled"> <li> <label class="btn btn-secondary text-left" style="width:100%;text-align:left;padding:2px;"> <input type="checkbox" style="zoom:1.7;vertical-align:bottom;" asp-for="@Model[i].IsChecked" class="custom-control-input" /> @Model[i].Title </label> </li> </ul> </div> 
1
26 апр. 26 aprel tarixində Oracular Man tərəfindən verilən cavabı 2018-04-26 07:16 '18 də 7:16 'da

Siz stil "list-stil növü: yoxdur"; İstəyirəm

 ul { list-style-type: none; } 

Və ya

 <ul class="menu custompozition4" style="list-style-type: none;"> <li class="item-507"><a href=#">Strategic Recruitment Solutions</a> </li> </ul> 
1
20 апр. Məhəmməd Avaisin aprelin 20-də verdiyi cavabı 2016-04-20 13:11 '16 saat 13:11 'də 2016-04-20 13:11

Sınıfınızdakı list-style list-style list-style-type list-style və ya list-style yalnız <li> üçün dəyişməyin.

Belə bir şey:

 li { list-style-type : none; } 

Ayrıca, daha çox məlumat üçün list-style-type ata biləcəyiniz bütün xüsusiyyətləri siyahıya alacağam, bütün hədəfləri bir hədəfə çatdırmaq üçün aşağıdakı kodu çalıştırın:

 <ul> <li class="none">none</li> <li class="disc">disc</li> <li class="circle">circle</li> <li class="square">square</li> <li class="decimal">decimal</li> <li class="georgian">georgian</li> <li class="cjk-ideographic">cjk-ideographic</li> <li class="kannada">kannada</li> <li class="none custom">custom</li> </ul> 
1
03 июня '17 в 7:58 2017-06-03 07:58 Cavab Alireza tərəfindən 03 İyun ' 17' də 07:58 2017-06-03 07:58 'də verilir
 <ul style="list-style-type:none"> <li>Slack</li> <li>Stack</li> <li>Splash</li> <li>Stick</li> <li>Stock</li> <li>Stop</li> <li>Steal</li> </ul> 
1
19 дек. Cavab Bindiya H 19 dekabr verilir. 2018-12-19 07:43 '18 də 7:43 'də 2018-12-19 07:43' a qədər

Css list-style-type istifadə etmək lazımdır: none;

Daha əvvəl də qeyd edildiyi kimi, bunu etmək üçün ən yaxşı üsul list-style-type: none əlavə etməkdir list-style-type: none ul elementə. Burket üslubları haqqında böyük bir məqalə var, mən burada faydalana bilərəm.

0
20 апр. Cavab Nesha Zoric Apr 20 2018-04-20 10:16 '18 'də saat 10:16 ' da 2018-04-20 10:16 'də

Hətta bunu edə bilərsiniz.

 ul { display: initial; } 
0
25 сент. cavab verildi Amruth LS 25 sept. 2018-09-25 12:04 '18 saat 12:04 'da 2018-09-25 12:04

Hər şeyi sadələşdirmək istəyirsinizsə, css müraciət etmədən, mən yalnız > kodu mənim kodlarımda. Yəni, <table></table> Bəli, bu bir neçə boşluq yaradır, amma bu pis deyil.

-3
15 марта '13 в 13:48 2013-03-15 13:48 Cavab Phil tərəfindən 15 Mart 'da 13:48' də verilir. 2013-03-15 13:48

tags ilə bağlı digər suallar və ya bir sual