Вертикально выравнивание CSS: прежде и: после содержания [дубликат]
Этот вопрос уже имеет ответ здесь:
Я пытаюсь центрировать ссылку с изображением, но, может казаться, не перемещаю содержание вертикально всегда.
More Information
File Name
Значок составляет 22 x 22 пкс
.pdf {
font-size: 12px;
}
.pdf:before {
padding:0 5px 0 0;
content: url(../img/icon/pdf_small.png);
}
.pdf:after {
content: " ( .pdf )";
font-size: 10px;
}
.pdf:hover:after {
color: #000;
}
99
задан Ilmari Karonen 13 March 2016 в 17:55
поделиться
3 ответа
Ответил на свой вопрос после прочтения вашего совета по атрибуту CSS vertical-align. Спасибо за совет!
.pdf:before {
padding: 0 5px 0 0;
content: url(../img/icon/pdf_small.png);
vertical-align: -50%;
}
115
ответ дан 24 November 2019 в 05:03
поделиться
Я не эксперт по CSS, но что произойдет, если вы поместите vertical-align: middle; в свой .pdf: before директива?
23
ответ дан 24 November 2019 в 05:03
поделиться
Возникновение с атрибутом line-height должно помочь. Я не тестировал это, поэтому точное значение может быть неправильным, но начните с 1.5em и настраивайте его с шагом 0,1, пока оно не выровняется.
.pdf{ line-height:1.5em; }
6
ответ дан 24 November 2019 в 05:03
поделиться
Другие вопросы по тегам: