Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Danya Wyse
@Wyse
HTML
CSS
Как разместить двойные кавычки в блоке?
Просто текстом не получается так как получается что кавычка выступает в роли первого символа
Если размещать их через псевдоэлементы то получается так
Нужно чтобы было так
Вопрос задан
более трёх лет назад
122 просмотра
8
комментариев
Подписаться
2
Простой
8
комментариев
Facebook
Вконтакте
Twitter
godsplan
@godsplan
а что плохого в том что кавычка выступает в роли первого символа?
Написано
более трёх лет назад
Danya Wyse
@Wyse
Автор вопроса
godsplane
, не соответсвие по макету будет,кавычка сдвинет текст
Написано
более трёх лет назад
Jeff_Parker
@Jeff_Parker
Danya Wyse
, тогда :before и :after
Написано
более трёх лет назад
Danya Wyse
@Wyse
Автор вопроса
Jeff_Parker
, начальная кавычка получается, а которая в конце предложения она прилепает к краю блока. Так как блок с текстом прямоугольный же
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Danya Wyse
, Просто два псевдоэлемента. ::before абсолютом (или гридом с доп оберткой), ::after инлайном.
Только нужно следить, чтобы закрывающая кавычка не посмела переносится на новую строку сама по себе.
Написано
более трёх лет назад
Danya Wyse
@Wyse
Автор вопроса
Ankhena
,
https://codepen.io/iwyse/pen/wvppJBw
накинул код, вот. Если изменять размер, добавлять текст то кавычка не стоит в конце предложения как хотелось бы
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Danya Wyse
,
держите
https://codepen.io/AnnaSummer/pen/dyJJvaE
Написано
более трёх лет назад
Danya Wyse
@Wyse
Автор вопроса
Ankhena
, спасибо огромное
Написано
более трёх лет назад
Решения вопроса
1
Ankhena
@Ankhena
Куратор тега CSS
Нежно люблю верстку
https://codepen.io/AnnaSummer/pen/dyJJvaE
snippet
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
Danya Wyse
@Wyse
Автор вопроса
https://iwyse.github.io/CV-card-by-Wyse/
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Danya Wyse
, там в конце фразы ку меня стоял неразрывный пробел - он лишний.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
nonconformiste
@nonconformiste
Если я правильно понял, стоит указать псевдоэлементам display: inline;
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
62 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
133 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
592 просмотра
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
979 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1360 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
116 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
130 просмотров
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
75 просмотров
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
168 просмотров
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
85 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама