Я прочитал различные статьи о вертикальном классе . Я также видел этот вопрос тоже, но оба ответа говорят, что это из-за окружающего текста дефолта вертикально-входной: базовой; . Тем не менее, это не так: < /p>
Код: Выделить всё
*
{
margin: 0;
padding: 0;
vertical-align: middle;
/* font-size: 1em; and line-height: 1em; do not change anything */
}< /code>
0000000000< /code>
< /div>
< /div>
< /p>
Все установлено на вертикальный Align: Middle; < /code>, но все еще есть нисходящий перекос текста. Интересно, что один из ответов цитирует MDN, в котором говорится, что вертикальная атака: Middle;
выравнивается с серединой букв нижних в родительском элементе. Это объясняет странный перекорок, но даже со всеми строчными буквами, искажение все еще происходит. Использование Display: Inline Block; тоже не работает. Или, еще лучше, середина всей линии ? Я собираюсь сохранить структуру HTML, а также позволить, например, Изображения и другие высокие вещи в строках - не только текст. Вертикальный-Альгень (Сделайте зрителя как можно более широким)
Подробнее здесь:
https://stackoverflow.com/questions/294 ... se-letters
Мобильная версия