@ilovemaryjane

Как исправить обрезание буквы?

Не могу осилить никак проблему.

Есть слово, рабитое по буквам в span.
Проблема в том что span настолько вплотную к краю буквы, что края обрезаются у некоторых букв.

Как задать пространство?

Я попробовал дать padding spanу, это визуально работает, но ломает мой другой скрипт. Поэтому padding использовать не могу.

Попробовал задать letter-spacing, он работает, но в только с одной стороны, т.к. пространство добавляется только справа, т.е. буква не центрирована в span, и на text-align не реагирует.

Что делать?

Проблема:
5bf568e8b4c1e422104692.png

letter-spacing:
5bf5696b0c59d730017094.png
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 3
@lazarev_s_a
В в чем именно проблема использовать padding? При letter-spacing не выставишь по центру т.к. пространства свободного нет. Можешь дать дать span конкретную ширину, и уже потом отцентрируй текст.
Ответ написан
@justabit
Попробуйте на span элемент добавить такое:
line-height: 1;
display: inline-block;


Результат с буквой W: https://codepen.io/anon/pen/QJQymX
Ответ написан
Родительскому элементу:
display: flex;
justify-content: space-between;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы