![]() |
|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
![]() |
|
Опции темы | Поиск в этой теме |
![]() |
#1 |
Пользователь
Регистрация: 04.08.2008
Сообщений: 52
|
![]()
Как ограничить слой? Тоесть что бы содержимое не вылазило за пределы, а переносилось на новую строку?
Размер слоя неизвестен. |
![]() |
![]() |
![]() |
#2 |
Студент, не
Старожил
Регистрация: 29.01.2009
Сообщений: 2,067
|
![]()
Ну... Internet Explorer, вроде бы сам ограничивает...
I am the First of Cyber Evolution...
I am the First to Program your Future... |
![]() |
![]() |
![]() |
#3 | |
Форумчанин
Регистрация: 28.12.2008
Сообщений: 145
|
![]() Цитата:
.block1 { width: 150px; background: #FFF; padding: 5px; border: solid 1px black; float: left; } в боди: <div class="block1">текст</div> хотя это, мой пример чего-то наверное не подойдет
Bingam
|
|
![]() |
![]() |
![]() |
#4 |
Пользователь
Регистрация: 09.10.2008
Сообщений: 92
|
![]()
Содержимое никуда не будет вылезать, если для блока не прописано white-space: nowrap. И если длина непрерывной строки (без пробелов и переводов строки) не превышает ширину блока.
В противном случае строка будет вылезать за границы. Можно скрыть вылезающие части, прописав overflow: hidden. Обычно предполагается, что текст в блоке заведомо переносим — для этого блоку устанавливается минимальная ширина такая, чтобы ни одно слово не могло выйти за границы блока. Если есть вероятность вылезания, нужно решать, что важнее: сохранение текста полностью, пусть он даже вылезет за блок, или сохранение дизайна, тогда overflow: hidden.
SPRINTHOST.RU — вот, что я люблю ;-)
|
![]() |
![]() |
![]() |
#5 |
Студент, не
Старожил
Регистрация: 29.01.2009
Сообщений: 2,067
|
![]()
Потестил...
Internet Explorer сам ограничивает... И если есть "непрерывные строки" то он увеличивает размер Div'а... А вот FireFox - нет... И без "overflow: hidden;" как-то совсем криво выводит... ![]() Оперы нету... *
I am the First of Cyber Evolution...
I am the First to Program your Future... |
![]() |
![]() |
![]() |
#6 |
Пользователь
Регистрация: 09.10.2008
Сообщений: 92
|
![]()
Можно ещё так. Если хочется, чтобы div растягивался, можно не прописывать ему ширину явно, а делать float: left или float: right, тогда он будет растягиваться по ширине контента. И ограничить минимальную и максимальную ширину блока, информации о том, как сэмулировать min-width и max-width в IE в интернете предостаточно.
SPRINTHOST.RU — вот, что я люблю ;-)
Последний раз редактировалось SkyM@n; 27.04.2009 в 11:00. |
![]() |
![]() |
![]() |
Опции темы | Поиск в этой теме |
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
границы ячейки | АлёнаP | Microsoft Office Excel | 2 | 22.04.2009 17:02 |
Границы картинки в JavaScript | Ruska882009 | Помощь студентам | 0 | 09.04.2009 20:47 |
Границы ячеек | AnnNet | Microsoft Office Excel | 4 | 20.02.2009 12:19 |
Растягивающийся DIV и толкающий в низ следующий DIV | Суриков | HTML и CSS | 6 | 29.08.2008 12:01 |