Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Denisneedyourhelp
@Denisneedyourhelp
CSS
Как сделать так чтобы одна буква занимала две строки?
Вопрос задан
более трёх лет назад
412 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Сергей delphinpro
@delphinpro
Куратор тега CSS
frontend developer
Задачка нетривиальная.
В любом случае будет зависеть от параметров шрифта, даже если
заморочиться с цифрами
.
Как пример (без заморочек):
snippet
Ответ написан
более трёх лет назад
6
комментариев
Нравится
3
6
комментариев
Facebook
Вконтакте
Twitter
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Я не пойму, то ли у меня что то не так толи оно действительно чуть сдвинуто
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Denisneedyourhelp
, какая-то херня в first-letter в firefox
Нужно поменять ::before на ::after
И opacity:0 на color: transparent
Или убрать из разметки первую букву.
Написано
более трёх лет назад
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Сергей delphinpro
, А мне легче будет скачать хром?
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Denisneedyourhelp
, что?
Написано
более трёх лет назад
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Сергей delphinpro
, Ну сказали что с FireFox'ом проблемы. Мне попробовать установить гугл хром?
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Denisneedyourhelp
, а смысл? Вы делаете это исключительно для себя?
Если ент, то нужно делать так, чтобы во всех браузерах нормально работало.
Написано
более трёх лет назад
Максим
@LenovoId
svg, css,js
https://codepen.io/topicstarter/pen/bJamgK
щас это проще стало чем в css2.1
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
3
Валентин
@romanko_vn
:first-letter
я думаю
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Не, мне нужно как на примере, а оно делает вот так:
Написано
более трёх лет назад
Валентин
@romanko_vn
Denisneedyourhelp
, так а в чем проблема
https://codepen.io/anon/pen/xepjEm?&page=1
Написано
более трёх лет назад
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Валентин
, Ну оно всё равно как то не ровно)
Написано
более трёх лет назад
Егор Астрейко
@Egor1324
Как вариант обертка, в ней два span, в одном находится "Н", в другом "у на примере этого", для обертки прописать display: flex, что бы во втором span текст переносился можно задать фикс. ширину или поставить br
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Mars Cossado
@Mars1k
Изучаю вёрстку
Как вариант сделать картинкой
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Denisneedyourhelp
@Denisneedyourhelp
Автор вопроса
Ну я хочу именно текстом, да и ещё её пока поставишь как нужно это думаю дольше будет
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Что поправить в градиенте?
1 подписчик
2 часа назад
37 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
3 подписчика
19 июл.
1191 просмотр
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
91 просмотр
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
18 июл.
98 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
41 просмотр
0
ответов
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1528 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
171 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
131 просмотр
2
ответа
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
12 июл.
1050 просмотров
1
ответ
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
12 июл.
167 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Разработчик
Wanted
•
Москва
от 130 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама