Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Denisneedyourhelp
@Denisneedyourhelp
CSS
Как сделать так чтобы одна буква занимала две строки?
Вопрос задан
более трёх лет назад
411 просмотров
Комментировать
Подписаться
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
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
147 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1379 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
122 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
133 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
82 просмотра
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
171 просмотр
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
88 просмотров
1
ответ
HTML
+4 ещё
Средний
Продвинутые пользовательские стили сайтов, не ограниченные одним css?
2 подписчика
22 мая
1041 просмотр
4
ответа
HTML
+1 ещё
Простой
Как сделать эффект при наведении как на этом сайте?
2 подписчика
22 мая
618 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама