Как сделать отступ текста ровно на одну ширину символа
Предварительным условием является то, что я использую моноширинный в качестве моего семейства шрифтов , но, похоже, оно не работает должным образом, я пробовал какое-то решение, но некоторые из них работают, моя структура HTML выглядит следующим образом:
<!DOCTYPE html>
<style>
body {
font-family: monospace;
letter-spacing: 0;
word-spacing: 0;
font-size: 32px; /* large enough to see the effect */
}
div:last-of-type {
padding-left: 1em; /* what's the value? */
}
</style>
<div>123456</div>
<div>abcdef</div>
use em
em должно быть равно вычисленному значению font-size , но padding-left: 1em; не работает:
use px
padding-left: 32px; дает тот же результат, что и padding-left: 1em; .
use ex
ex должна быть вычисленной высотой буквы «x» , и это тоже не работает:
use ch
Хорошо, webkit не поддерживает ch как модуль css.
Итак, как я могу написать CSS для точного отступа второго div на один символ шириной , то есть первый «0» должен быть выровнен по левому краю относительно буквы «b» без каких-либо отклонений.