Pull to refresh

Позиционирование элементов в HTML.

Reading time1 min
Views1.7K
Иногда возникает потребность расположить html-элементы в абсолютных координатах. Это можно сделать с помощью стилей.
Например:
<div style=«position:absolute;left:100px;top:20px»> <img> </div>
В этом случае указанный image будет расположен начиная с координат x=100,y=20.

А что делать, если нужно расположить элементы относительно цетнра экрана?
Тут можно воспользоватся вложенными div'ами. Если у двух div'ов стиль position выставлн в absolute, то позиция вложенного отсчитывается от позиции родителя.
Пример:
<div style=«position:absolute;left:50%»>
<div style=«position:absolute;left:-100px»> A</div>
<div style=«position:absolute;left:100px»> B</div>
</div>

В приведенном примере буквы A и B бедет расположены на расстоянии 100px по обеим сторонам вертикальной линии центра страницы.
Tags:
Hubs:
Total votes 13: ↑10 and ↓3+7
Comments14

Articles