Ответ 1
Удалите text-indent
, измените list-style
на outside
и примените padding-left
к вашим li
элементам:
ul {
list-style: disc outside none;
margin-left: 0;
padding-left: 1em;
}
li {
padding-left: 1em;
}
У меня есть неупорядоченный список, где я пытаюсь контролировать висячий отступ. На элементах, которые переполняются на две строки, я хочу, чтобы вторая строка текста выстраивалась прямо под предыдущей строкой текста (не под маркером). У меня есть это, чтобы работать в Chrome точно так, как я этого хочу. Однако это немного в Firefox и Internet Explorer.
Здесь у меня есть:
<ul style="list-style: disc inside none; margin-left: 0; padding-left: 1em; text-indent: -1em;">
<li>50 – 180</li>
<li>950 – 2150</li>
<li>Dual IF: 70/140, L-Band & L-Band monitor (standard)</li>
</ul>
Есть ли способ сделать это рендером одинаковым во всех браузерах?
Удалите text-indent
, измените list-style
на outside
и примените padding-left
к вашим li
элементам:
ul {
list-style: disc outside none;
margin-left: 0;
padding-left: 1em;
}
li {
padding-left: 1em;
}
Единственное, что я должен был добавить к принятому ответу, было text-indent, поскольку я использовал шрифты fontello:
ul {
list-style: disc outside none;
margin-left: 0;
padding-left: 1em;
text-indent: -2em;
}
li{
padding-left: 1em;
}
Сначала используйте CSS reset, затем соответствующим образом настройте свой CSS.