Я использую следующий код, чтобы установить значок якоря:Фонового изображения в виде значка якоря - позиционирование слева от текста
.iconed{
padding-left:22px;
background-position: 3px center;
background-repeat: no-repeat;
}
.iconed.selected{
background-image:url(images/selected.png);
}
<a href="#" class="iconed selected">Some link</a>
Это прекрасно работает, когда якорь имеет ширину авто или/и выравнивание текста устанавливается слева , Есть ли способ сделать этот значок отображаемым -5px из текста, когда ширина привязки установлена на 100%, а выравнивание текста - в центре? Я не хотел бы использовать: перед классом псевдо, но если нет другого пути ...
должен работать на IE9 +
Обертывание с другим элементом не является решением
Не знаете, как использовать его со значком изображения, разделенным на разные однострочные css, где определяется файл изображения. –
'.iconed: before { \t дисплей: блок; \t ширина: 22px; \t высота: 100%; \t фон: красный; \t левый: -22px; } 'не работает вообще ... no red square ... –
Я считаю, что вам нужно установить свойство контента для псевдоэлементов, даже если это просто пустые кавычки. – TreeTree