Основы работы с XHTML и CSS


Относительное позиционирование - часть 2


Листинг 6.30. Код для изменения положения слов относительно своего исходного положения (html, txt)

Слова смещаются относительно своего нормального вертикального положения

Рис. 6.16.  Слова смещаются относительно своего нормального вертикального положения

Каждый тег <span> имеет относительную позицию, так что можно применить его свойство top. Нет необходимости задавать позицию слов по горизонтали с помощью свойства left, так как теги <span>, по умолчанию, размещаются в строке рядом друг с другом. Изменяется положение слов только по вертикали относительно обычного вертикального выравнивания.

Во время изменения положения элементов на странице может понадобиться использовать метод проб и ошибок, чтобы добиться требуемого размещения. Не существует простого способа сразу точно выяснить, на сколько пикселей необходимо сместить элемент по горизонтали и вертикали.




Начало  Назад  Вперед



Книжный магазин