В моем неупорядоченном списке отсутствуют 1000 кружков - PullRequest
Новая
       12

В моем неупорядоченном списке отсутствуют 1000 кружков

3 голосов
/ 04 июня 2011

У меня есть следующий код: 

<div class="fp1">
    <div class="col">
      <div class="img" id="img1"></div>
                        <ul>
                        <li><span>Test </span></li>
                        <li><span>Test </span></li>        
                        <li><span>Test </span></li>
                        </ul>
      </div>
</div>

.fp1 .row   { overflow: hidden;  }
.fp1 .img   { display: inline-block; float: left; width:105px; height:80px; margin:25px 0 10px 0;
    background: yellow; no-repeat scroll 0 0 transparent; }

.fp1 .col   { float: left; width:50%; margin:0px; }
.fp1 .col ul      { margin:15px 20px 0 0; padding-left: 25px; font-size: 1.2em}
.fp1 .col ul span { color:#222; font-size: 0.85em; }
.fp1 .col ul li   { line-height:15px; }

Я создал скрипку

Что я не понимаю, так это почему маленькие кружочки, которые должны появляться слева от "li", отсутствуют?

Любая помощь будет оценена

Ответы [ 3 ]

13 голосов
/ 04 июня 2011

Ваша проблема в том, что jsfiddle.net автоматически включает таблицу стилей сброса (normalize.css), которая включает в себя следующее: 

ol,ul {
    list-style:none;
}

Вы увидите флажок «Нормализованный CSS» на боковой панели, снимите этот флажок и normalize.css не будет вставлен; например:

http://jsfiddle.net/ambiguous/HQJhe/10/

Эта скрипка только ваша, если флажок снят.

0 голосов
/ 04 октября 2018

просто используйте этот код ниже: 

li style="display: list-item; list-style: none"
0 голосов
/ 04 июня 2011

Техника отладки, которой вы должны следовать здесь, - максимально упростить ваш код. Либо проблема исчезнет, ​​либо у вас останется несколько крошечных строк кода, и кто-то сможет легко определить проблему

Я пошел к вашему JSFiddle и начал удалять строки CSS по одной за раз. Это не решило проблему. Затем я начал удалять HTML. В конце концов я был до этого: 

<ul><li>Why is there no circle?</li></ul>

Мой вывод заключается в том, что у JSFiddle была какая-то странная таблица стилей, которая применялась к вашему коду и удаляла кружок. Спасибо "mu is too short" за то, что вы точно выяснили, что такое таблица стилей и как ее отключить. Но я все же решил опубликовать это, потому что я думаю, что вы могли бы извлечь пользу из изучения этой техники отладки.

...