Отрегулировать стиль изображения в списке? - PullRequest
Новая
       73

Отрегулировать стиль изображения в списке?

161 голосов
/ 10 ноября 2009

Есть ли способ отрегулировать положение изображения в стиле списка?

Когда я использую отступы для элементов списка, изображение останется на своей позиции и не будет двигаться с отступами ...

Ответы [ 13 ]

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

Скройте изображение маркера по умолчанию и используйте background-image, так как у вас гораздо больше возможностей, например: 

li {
    background-image: url(https://material.io/tools/icons/static/icons/baseline-add-24px.svg);
    background-repeat: no-repeat;
    background-position: left 50%;
    padding-left: 2em;
}

ul {
    list-style: none;
}
<ul>
<li>foo</li>
<li>bar</li>
</ul>
0 голосов
/ 13 июня 2017

раствор с потрясающим 

#polyNedir ul li { position:relative;padding-left:20px }
#polyNedir ul li:after{font-family:fontawesome;content:'\f111';position:absolute;left:0px;top:3px;color:#fff;font-size:10px;}
0 голосов
/ 06 марта 2014

Я нахожу принятый ответ немного обманчивым, слишком много нужно прибегать к дополнительным командам padding и css.

Я никогда не добавляю отступы к элементам списка лично, обычно контролирую их высоту строки и иногда достаточно запаса.

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

Страница:
...