Практика разработки Web-страниц

         

Overflow, overflow-x и overflow-y


Определяет, способен ли абзац вместить текст и нужны ли полосы прокрутки, чтобы отобразить переполнение. Параметр по умолчанию – visible, позволяющий абзацу превысить установленную высоту.

Чтобы вырезать лишний текст, установите hidden; установите auto, чтобы отображать полосу прокрутки, если необходимо; установите scroll, чтобы всегда отображать две полосы прокрутки. Используйте параметры overflow-x и overflow-y, чтобы обеспечить разные настройки для горизонтального и вертикального переполнения и прокрутки.

Пример

.boxnote {width:160px;height:100px; overflow:auto;float:right;fixed-size border:2px solid navy;padding:4px; }

Параграфы класса boxnote содержатся в рамке напротив правого поля; если текст не будет помещаться, в рамке появится вертикальная полоса прокрутки

#mustfit {width:100px;height:12px; overflow:hidden;}

Элемент с ID mustfit должен быть точно 100 на 12 пикселов; не поместившийся текст вырезается



Содержание раздела