Картинка по центру.

Как сделать так, чтобы изображение размещалось ровно по середине экрана. Расстояние от крайней верхней границы экрана до середины изображения должно быть равно расстоянию от крайней нижней границы экрана до этой же середины. Аналогично и с боковым границами. Я пытался в JavaScript'е, CSS И HTML, использовал screen.width, height, v и hspace, get...build, деление и многое другое. У меня не вышло.

Примечание:
Мне очень понравились первые 2 варианта. Но можно ли как-то изменить размер картинки, что по центру, и сделать длину картинки равной 10% от длины экрана, а ширину, как 10% от ширины экрана?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.