Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

Поместите мяч в центр поля (CSS)

Поместите мяч в центр поля при помощи CSS.

Исходный код:

Используйте CSS, чтобы поместить мяч в центр:

  • CSS для центрирования может использовать размеры мяча.
  • CSS для центрирования не должен опираться на конкретный размер поля.

Исходный документ: tutorial/browser/dom/ball-source/index.html.

Решение
Решение

Сместим мяч в центр при помощи left/top=50%, а затем приподымем его указанием margin:

#ball {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

Полный код решения: tutorial/browser/dom/ball-css/index.html

#457
Наверх

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!