Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Denisneedyourhelp
@Denisneedyourhelp
CSS
Как сделать так чтобы одна буква занимала две строки?
Вопрос задан
более трёх лет назад
402 просмотра
Комментировать
Подписаться
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
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
73 просмотра
2
ответа
CSS
Простой
Почему не центрируется текст?
1 подписчик
вчера
124 просмотра
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
174 просмотра
0
ответов
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
132 просмотра
0
ответов
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
179 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
137 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
25 мар.
203 просмотра
2
ответа
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
153 просмотра
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
116 просмотров
1
ответ
CSS
Простой
Как избежать скролла в инпуте при letter-spacing?
1 подписчик
22 мар.
80 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама