2010-02-23 2 views
1

очень запутанная вещь, с которой я столкнулся.Список Тип Стиль

Css

ul { 
    list-style: none; 
    padding: 1em 0; 
    margin: 0; 
} 
li { 
    padding: 1em; 
    display: inline; 
} 
li a { 
    text-decoration: none; 
} 
.normalized-list{ 
    list-style-type: disc; 
    list-style-image: none; 
    list-style-position: inside; 
    padding: 1em 1em; 

} 
.normalized-list li{ 
    display: block; 
    padding: 0.5em; 
} 

HTML

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

К сожалению, нет пули не показаны на элементах LI. На самом деле я не знаю, почему.

ответ

3
display: list-item; 

не block.

+0

Вот и все! Спасибо poke – onigunn

+2

Ницца! Это хорошо объяснено, например. w3schools, но сначала вы должны прочитать его :) (http://www.w3schools.com/css/pr_class_display.asp): «Элемент будет генерировать блок-блок и встроенное поле для маркера списка» – xtofl

+0

+ Для этот, всегда хороший, чтобы иметь некоторую справочную информацию. – onigunn

0

возможно потому, что вы показываете его внутри, а не вне элемента. так что это не видно.

.normalized-list{ 
list-style-type: disc; 
list-style-image: none; 
list-style-position: outside; 
} 

Вы протестировали его в нескольких браузерах? пожалуйста, попробуйте Firefox с расширением Firebug, чтобы увидеть, если наследование работает, как это должно

+0

Я протестировал его в Chrome, IE и FF. Я пробовал несколько позиций. Ничего не происходит – onigunn

0

Хм, некоторые браузеры довольно смешно, когда дело доходит до этого То, что я хотел бы попробовать следующую

ul 
{ 
    /*set your normal unordered list stuff*/ 
} 

ul#specializedlist 
{ 
    /*set your specialized list stuff*/ 
} 
0

Но работает над IE8. Firefox 3.6 не показывает пули. Каковы ваши ожидания?