Видео: Web Development - Computer Science for Business Leaders 2016 2025
Должен быть какой-то способ, чтобы форма работала правильно, независимо от ширины контейнера. CSSS3 обеспечивает именно такой механизм, с которым легко работать при разработке ваших страниц HTML5.
Атрибут clear используется для элементов с атрибутом float. Атрибут clear может быть установлен влево, вправо или и то, и другое. Установка атрибута clear влево означает, что вы ничего не хотите слева от этого элемента. Другими словами, элемент должен находиться на левом краю его контейнера. Каждая метка должна начинать свою собственную линию, поэтому установите ее чистый атрибут слева.
Чтобы заставить кнопку на своей строке, установите ее чистый атрибут для обоих. Это означает, что кнопка не должна содержать элементов слева или справа. Он должен занимать линию все свое.
Если вы хотите, чтобы элемент запустил новую строку, установите оба поля float и clear влево. Если вы хотите, чтобы элемент находился на одной линии, установите float влево и очистите оба.
Использование атрибута clear позволяет использовать контейнер с гибкой шириной и поддерживать разумный контроль над дизайном формы. Форма может быть той же ширины, что и страница, и по-прежнему работать правильно. Эта версия работает независимо от ширины страницы.
Вот последний код CSS, включая четкие атрибуты в ярлыках и кнопке:
/ * floatForm. CSS-файл CSS для перехода с формой float Демонстрирует использование float, width, margin и clear * / fieldset {background-color: #AAAAFF;} label {clear: left; плыть налево; ширина: 5 мкм; text-align: right; margin-right:. 5em;} input {float: left; background-color: #CCCCFF;} button {float: left; ясно: оба; margin-left: 7em; margin-top: 1em; background-color: # 0000CC; color: #FFFFFF;}
