Выравнивание по вертикали дива

@ansi_str · Регистрация: 22.09.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте, как можно выровнить точно по центру(по вертикали) блок div, не зависимо от разрешения экрана?

@Sergio Aguero · 23.05.2012, 18:56

код или картинку в студию

@ansi_str · 23.05.2012, 19:01 **[ТС]**

Сообщение от Sergio Aguero

код или картинку в студию

Чтобы растояние от верхнего края дива до верхнего края монитора и растояние от нижнего края дива до боттома были одинаковы. И центрировалось по вертикали не зависимо от разрешения монитора

@Sergio Aguero · 23.05.2012, 19:04

CSS
1
2
3
4
5
6
div{
     width:100px;
     display:block;
     margin:10px auto;
 
}

ширину дива и отступы сверху и снизу сами задавайте

@ansi_str · 23.05.2012, 19:12 **[ТС]**

Сообщение от Sergio Aguero

CSS
1
2
3
4
5
6
div{
     width:100px;
     display:block;
     margin:10px auto;
 
}

ширину дива и отступы сверху и снизу сами задавайте

CSS
1
margin:10px auto;

По горизонтали выравнивает, а я хочу по вертикали

@Sergio Aguero · 23.05.2012, 19:15

Сообщение от ansi_str

По горизонтали выравнивает, а я хочу по вертикали

CSS
1
2
3
4
5
6
div{
     
     height:550px;
     margin:auto 50px; 
 
}

пискели сами подгоняйте

@ansi_str · 23.05.2012, 19:18 **[ТС]**

Вот будет у монитора 800x600 разрешение - будет отступ один сверху и снизу
А вот если 1356X**** и как подгонять??
Под все разрешения что ли?

@Sergio Aguero · 23.05.2012, 19:23

в процентах пишите высоту дива

высоту отступов тоже в процентах можно подогнать - тогда под любое разрешение экрана будут отступы у вас

@ansi_str · 23.05.2012, 19:27 **[ТС]**

Но высота та разная будет, это же не WPF - где не зависит от пикселей

Я хочу, чтобы была фикисрованная высота у дива, например:

CSS
1
height: 200px;

И она бы гуляла равноудалялась от потолка и от дна)
И не зависила от монтора)

@Sergio Aguero · 23.05.2012, 19:29

CSS
1
2
height: 200px;
margin-top:auto;

а так?

@ansi_str · 23.05.2012, 19:31 **[ТС]**

Сообщение от Sergio Aguero

CSS
1
2
height: 200px;
margin-top:auto;

а так?

А какая разница

@Alorian · 24.05.2012, 08:59

Сообщение от ansi_str

Здравствуйте, как можно выровнить точно по центру(по вертикали) блок div, не зависимо от разрешения экрана?

1. javascript
2. Поместить div в таблицу

Больше никак. Или я не знаю способа.

@beebeekei · 25.09.2012, 23:08

Подскажите, пожалуйста, как мне выровнять по вертикали текст "468x60" в моём примере (чтобы он был по центру). По горизонтали получилось - по вертикали нет.

@ansi_str · 25.09.2012, 23:46 **[ТС]**

CSS
1
2
3
4
5
6
7
8
9
10
11
12
#adbox1 {
    font: 8px Silkscreen;
    color: white;
    text-align: center;
    width: 468px;
    height: 60px;
    float: right;
    margin-right: 10px;
    margin-top: 22px;
    background-color: black;
    line-height: 60px;
}

Новые блоги и статьи Все статьи Все блоги /
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .

@ansi_str 57 / 57 / 15 Регистрация: 22.09.2011 Сообщений: 319

	Выравнивание по вертикали дива 23.05.2012, 18:54. Показов 4093. Ответов 13 Метки нет (Все метки) Здравствуйте, как можно выровнить точно по центру(по вертикали) блок div, не зависимо от разрешения экрана? 0

@Sergio Aguero 452 / 443 / 21 Регистрация: 11.04.2012 Сообщений: 2,076
	23.05.2012, 18:56
	код или картинку в студию 0

@ansi_str 57 / 57 / 15 Регистрация: 22.09.2011 Сообщений: 319
	23.05.2012, 19:18 [ТС]
	Вот будет у монитора 800x600 разрешение - будет отступ один сверху и снизу А вот если 1356X**** и как подгонять?? Под все разрешения что ли? 0

@Sergio Aguero 452 / 443 / 21 Регистрация: 11.04.2012 Сообщений: 2,076
	23.05.2012, 19:23
	в процентах пишите высоту дива высоту отступов тоже в процентах можно подогнать - тогда под любое разрешение экрана будут отступы у вас 0

@beebeekei 0 / 0 / 0 Регистрация: 23.09.2012 Сообщений: 3
	25.09.2012, 23:08
	Подскажите, пожалуйста, как мне выровнять по вертикали текст "468x60" в моём примере (чтобы он был по центру). По горизонтали получилось - по вертикали нет. 0