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


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


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

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

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

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

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




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