настройка overflow скрывает маркеры li (конфликт свойств переполнения со стилем списка) - PullRequest
Новая
       25

настройка overflow скрывает маркеры li (конфликт свойств переполнения со стилем списка)

1 голос
/ 01 марта 2012

установка переполнения и свойства переполнения текста позволяет скрывать маркеры. Я пытался положить пули "внутрь", но они все еще не показывали пули. Плюс я бы предпочел поставить его "снаружи" 

ul.hbox_poplist {
    list-style: circle url('/img/bpt_clear.png');
}

ul.hbox_poplist li {
    margin: 0 0 8px;
    max-height:32px;
    text-overflow: ellipsis;
    overflow-y: hidden;
}

Кто-нибудь знает какое-нибудь решение этого вопроса?

Ответы [ 3 ]

1 голос
/ 02 марта 2012

Я помню эту проблему задолго до этого. Да, лучше следовать тому, что предлагает @Diodeus, но добавление padding-left к ul чудесным образом решило мою проблему пару раз.

0 голосов
/ 02 марта 2012

избавиться от переполнения-у: ​​скрыто; и установите отступ слева для ul. Вам это нужно, если список отображается «снаружи». Попробуйте следующее: 

ul.hbox_poplist {
    list-style: circle url('/img/bpt_clear.png');
    padding-left: 20px;
}

ul.hbox_poplist li {
    margin: 0 0 8px;
    max-height:32px;
    text-overflow: ellipsis;
}
​
0 голосов
/ 02 марта 2012

Использование фона CSS гораздо более надежно во всех браузерах, чем использование изображения в стиле списка для пользовательских маркеров.Сам по себе довольно сложно управлять положением списка.

Что-то вроде: 

.bullets {
  background-image:url(/img/bpt_clear.png); 
  background-repeat:no-repeat; 
  padding-left:30px; 
  margin-left:-30px;
}

См .: http://preview.moveable.com/JM/ilovelists/

...