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

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

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

Добрый день!

Пример реализации переноса строк можно посмотреть на сайте
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 и прочего оказались тщетными.

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

Большое спасибо за помощь!
Миниатюры
Нажмите на изображение для увеличения
Название: from.jpg
Просмотров: 54
Размер:	42.1 Кб
ID:	89077   Нажмите на изображение для увеличения
Название: to.jpg
Просмотров: 61
Размер:	41.7 Кб
ID:	89078  

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


16:42.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.