Ноу Інти, лекція, вирівнювання, стилі символів і горизонтальні лінії

плаваючі об'єкти

Зображення та об'єкти можуть з'являтися безпосередньо "in-line" або "спливати" до однієї зі сторін сторінки, змінюючи тимчасово поля тексту. який може обтікати об'єкт з будь-якої його стороні.

"Спливання" об'єкта

Атрибут align об'єктів, зображень, таблиць, фреймів і т.п. змушує об'єкт притискатися до лівого або правого поля сторінки. Плаваючі об'єкти зазвичай починають новий рядок. Цей атрибут набуває таких значень:

  • left. притискає об'єкт до лівого краю. Наступний текст обтікає об'єкт праворуч.
  • right. притискає об'єкт до правого краю. Наступний текст обтікає об'єкт зліва.

Приклад показує як елемент IMG "спливає" до лівого краю "канви".

Деякі атрибути вирівнювання також допускають значення "center". яке не викликає спливання, а центрує об'єкт по відношенню до країв. У той же час, у елементів P і DIV. значення "center" викликає центрування вмісту елементів.

Обтікання тексту навколо об'єкта

Ще один атрибут, визначений для елемента BR. управляє обтіканням тексту навколо "спливаючого" об'єкта.

clear = none | left | right | all [CI]

Не рекомендується. Визначає, де повинна з'явитися наступний рядок після обриву рядка. зробленого цим елементом. Цей атрибут враховує плаваючі об'єкти (зображення, таблиці і т.д.). Можливі значення:

  • none. наступний рядок почнеться нормально. Це значення за замовчуванням.
  • left. наступний рядок почнеться в найближчій рядку під будь-яким плаваючим об'єктом у лівого краю.
  • right. наступний рядок почнеться в найближчій рядку під будь-яким плаваючим об'єктом у правого краю.
  • all. наступний рядок почнеться в найближчій рядку під будь-яким плаваючим об'єктом у будь-якого краю.

Подивіться на цей малюнок. Текст обтікає зображення по правому краю до обриву рядка елементом BR:

Якщо атрибут clear встановлений в none. лінія, наступна після BR. почнеться відразу під ним у правого краю зображення: