Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Ответ
 
Опции темы
Старый 02.08.2017, 17:55   #1
DemonGuards
Новичок
Джуниор
 
Регистрация: 02.08.2017
Сообщений: 1
По умолчанию Перенос строки при ресайзе окна

Добрый день!

Пример реализации переноса строк можно посмотреть на сайте
https://gyroscooter-online.ru/

если изменить размер окна с сайтом, то при переходе из состояния from.jpg в состояние to.jpg наблюдается следующее:

1. При разбивании текста на две строки высота li не меняется. Верхняя строка приподнимается так, что теперь есть место для второй строки.

2. Отступ начала второй строки совпадает с отступом начала первой.

3. Все манипуляции происходят рядом с иконкой класса flaticon. Чтобы не подключать шрифты для примера можно использовать div с картинкой.

Моя структура
html
Код:
<div class="specs">
   <ul>
      <li class="flaticon-engine"><div class="specs-option"><b>Аккумулятор:</b>SAMSUNG+ 5-го поколения</span></div></li>
   </ul>
</div>
css не прикрепляю т.к. все мои догадки в направлении position, transform и прочего оказались тщетными.

В каком направлении копать, чтобы реализовать похожий функционал?

Большое спасибо за помощь!
Изображения
Тип файла: jpg from.jpg (42.1 Кб, 115 просмотров)
Тип файла: jpg to.jpg (41.7 Кб, 123 просмотров)

Последний раз редактировалось DemonGuards; 02.08.2017 в 17:58.
DemonGuards вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
при ресайзе окна мерцают кнопки BLACK_RAIN Win Api 7 26.12.2016 11:28
перенос строки при достижении границы столбца таблицы html css gunsoy HTML и CSS 7 08.08.2012 13:01
Изменение размера картинки при ресайзе формы JoLan Компоненты Delphi 2 31.07.2012 15:07
Перенос строки при достижении границы таблицы gunsoy HTML и CSS 0 30.04.2012 11:54
глюки OnSelectCell при ресайзе грида в нем joker Компоненты Delphi 2 10.12.2009 13:09


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS