Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
NotLogo
@NotLogo
HTML
CSS
Вёрстка
Как реализовать текстовый блок с линией между блоками текста разной длины?
Подскажите пожалуйста как можно реализовать, подобный блок, отдельно учитывая, его поведение при адаптиве, при уменьшение viewport уже ширины блока
Вопрос задан
более трёх лет назад
135 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решение
пользователя
Никита Кит
К ответам
на вопрос
(3)
Никита Кит
@ShadowOfCasper
Middle User Interface Web Developer
codepen.io/anon/pen/pNxPRZ
Структура по модулю БЭМ. Препроцессор SCSS.
Если с флоутами баги, меня мой скрипт спасает.
dropcogs.pro/css-float-problems.html
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
NotLogo
@NotLogo
Автор вопроса
Честно говоря, не понял как при этом между ними сделать линию? С условием того что param и value, как в вашем примере, могут иметь разную длину
Написано
более трёх лет назад
Никита Кит
@ShadowOfCasper
Да боже, возьми псевдоэлемент от plate. Сделай линию с помощью before, а блокам background с padding дай. Тут доработать делов то. Я за тебя код писать не буду))))
Написано
более трёх лет назад
Никита Кит
@ShadowOfCasper
Ну в принципе ладно уж. Сам уже для себя доработал. Пригодится.
codepen.io/ShadowOfCasper/pen/pNxPRZ
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама