Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: высота <li>

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
alexiy
Отправлено: 21 Ноября, 2014 - 12:19:14
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)
есть разметка
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <ul>
  3. <li>text</li>
  4. <li>text</li>
  5. <li>text</li>
  6. </ul>
  7.  

текст имеет разное кол-во символов, один будет больше, второй меньше, поставил height:200px, выглядит нормально, но при ресайзе окна, <li> в котором больше всего текста не расширяется по высоте и текст залезает за границы, как сделать так, чтобы при ресайзе окна все <li> по высоте были бы одинаковые и текст не вылезал за границы?
 
 Top
Bio man
Отправлено: 21 Ноября, 2014 - 14:16:31
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
без js никак.
алгоритм простой.
получаем высоту самого высокого блока и устанавливаем каждому блоку эту высоту.
обработчик вешаем на событие ресайза окна.
 
 Top
DelphinPRO
Отправлено: 21 Ноября, 2014 - 17:52:17
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Bio man пишет:
без js никак.

ой ли?


раз http://jsfiddle[dot]net/DelphinPRO/f708L98j/
два http://jsfiddle[dot]net/DelphinPRO/f708L98j/1/

можно еще flex'ом наваять.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB