Резиновые ячейки overflow:hidden

Автор: Aport Вторник, Январь 27th, 2015 Нет комментариев

Рубрика: Разное

Делаем кроссбраузерное резиновое решение под любой HTML элемент.

 

Для начала взглянем, на решение, которое нашлось на сайте fastcoder.org. Вполне приемлемое решение, но если не использовать таблицы с ячейками, то резиновый блок можно сделать так:

<div style=»position:relative; height:25px; overflow:hidden; margin-top:10px»>

<div style=»position:absolute; white-space:nowrap;»>

много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв, много букв

</div>

</div>

Очень важным является указание height, иначе Вы не увидите текст. Для браузера Опера нужно указывать white-space во внутреннем диве, иначе он может неправильно обработать строку.

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты