Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.08.2017, 16: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 в 16:58.
DemonGuards вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
при ресайзе окна мерцают кнопки BLACK_RAIN Win Api 7 26.12.2016 10: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 12:09