Выравнивание элементов с помощью margin:auto

@Веди · Регистрация: 04.07.2012

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

привет, друзья! объясните мне:
почему не работает свойство {margin:auto;} выравнивает только по горизонтали хотя должно по правилу выравнять и по вертикали.?

@kalabuni · 08.12.2012, 11:41

Сообщение от Веди

почему не работает свойство {margin:auto;} выравнивает только по горизонтали хотя должно по правилу выравнять и по вертикали.?

а где вы о таком "правиле" узнали?

в CSS2 про значение auto расписано только в контексте width, margin-left, margin-right, left и right, но не про height, margin-top, margin-bottom, top и bottom

@Веди · 08.12.2012, 11:55 **[ТС]**

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

а где вы о таком "правиле" узнали?

в CSS2 про значение auto расписано только в контексте width, margin-left, margin-right, left и right, но не про height, margin-top, margin-bottom, top и bottom

вот ссылка: http://htmlbook.ru/css/margin

@kalabuni · 08.12.2012, 12:33

Сообщение от Веди

вот ссылка: http://htmlbook.ru/css/margin

ну что ж вы всякую гадость в рот тащите-то

читайте исходники:
http://www.w3.org/TR/CSS21/box... properties
https://developer.mozilla.org/... CSS/margin
http://msdn.microsoft.com/en-u... s.85).aspx

KOPOJI · 08.12.2012, 13:45

Не по теме:

Веди, там написано

auto Указывает, что размер отступов будет автоматически рассчитан браузером.

но то, как он будет рассчитан, по горизонтали или вертикали - не указывается.

@Веди · 08.12.2012, 13:57 **[ТС]**

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

ну что ж вы всякую гадость в рот тащите-то

читайте исходники:
http://www.w3.org/TR/CSS21/box... properties
https://developer.mozilla.org/... CSS/margin
http://msdn.microsoft.com/en-u... s.85).aspx

хорошо, я выравниваю margin:0 auto по горизонтали, как по вертикали то выровнять автоматом?

KOPOJI · 08.12.2012, 13:58

CSS
1
2
display: table-cell;
vertical-align: middle;

но это только для элементов внутри самого блока

@Taatshi · 08.12.2012, 14:08

Сообщение от Веди

я выравниваю margin:0 auto по горизонтали, как по вертикали то выровнять автоматом?

Возможно, если известна высота самого блока. Если неизвестна - то только с помощью скрипта.

@Веди · 08.12.2012, 14:21 **[ТС]**

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

CSS
1
2
display: table-cell;
vertical-align: middle;

но это только для элементов внутри самого блока

щас попробую

Добавлено через 12 минут

HTML5
1
2
3
4
5
<body>
     <div id="wrap">
        Контент!
    </div>
</body>

для стиля #wrap есть ширина, высота, margin центрирует по горизонтали, выше указанными свойствами выровнять по вертикали не удаётся.. как быть?

@eternity · 08.12.2012, 15:03

Не по теме:

Сообщение от Веди

вот ссылка: http://htmlbook.ru/css/margin

да там вообще местами много чего лишнего написано:D

@Веди · 08.12.2012, 23:29 **[ТС]**

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

Возможно, если известна высота самого блока. Если неизвестна - то только с помощью скрипта.

высота известна, выше я показал примерчик..

Добавлено через 8 часов 22 минуты

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

Не по теме:

Веди, там написано
но то, как он будет рассчитан, по горизонтали или вертикали - не указывается.

да я уж понял, что не всё так просто в королевстве датском, есть конечно решение через абсолют и отрицательные половины, но уж как-то больно корявый метод... и вообще, css представляется мне недопродуктом, над которым просто поленились потрудиться, сляпали как есть, и так сойдёт для пользователя...

@Taatshi · 09.12.2012, 00:09

Не по теме:

Сообщение от Веди

css представляется мне недопродуктом, над которым просто поленились потрудиться, сляпали как есть, и так сойдёт для пользователя...

Веди, сделайте лучше - кто Вам мешает? ;)

@EPMAK · 09.12.2012, 00:32

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

Веди, сделайте лучше - кто Вам мешает?

Не по теме:

Танцору - всегда кто то или что то мешает

@Веди · 09.12.2012, 11:38 **[ТС]**

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

Не по теме:

Веди, сделайте лучше - кто Вам мешает? ;)

обязательно сделаю, Вы только подскажите по теме вопроса!

Добавлено через 5 минут

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

Не по теме:

Танцору - всегда кто то или что то мешает

ни когда не был танцором, но "кто-то и что-то" мешают всё равно, и вообще, мне весь мир мешает, живут не по людски, верят не в тех богов, и кушают кашерно.. может я инопланетянин, вот сяду в тарелку и улечу на "родину"..

@Taatshi · 09.12.2012, 13:24

Не по теме:

Веди, :D:yes2:

Да Вы вроде уже нашли метод выравнивания - сами писали выше) Иначе - к яваскриптщикам только топать...

@Веди · 09.12.2012, 13:32 **[ТС]**

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

Не по теме:

Веди, :D:yes2:

Да Вы вроде уже нашли метод выравнивания - сами писали выше) Иначе - к яваскриптщикам только топать...

то бишь новую тему создать в разделе js?

@Taatshi · 09.12.2012, 13:41

Веди, угу

@Веди · 09.12.2012, 13:45 **[ТС]**

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

Веди, угу

спасибо, тогда здесь тема закрыта!!!
по сему топаю в другой раздел..

@EPMAK · 10.12.2012, 06:25

Сообщение от Веди

и так сойдёт для пользователя...

Не по теме:

CSS вполне приемлемая вещь, не сложная , не язык программирования. Другое дело, что браузеры, иногда, невполне корректно с ней работают.

@omela · 26.01.2015, 23:30

Поглядите эту ссылку по данной теме:
http://webformyself.com/absoly... ali-v-css/

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@Веди 18 / 13 / 1 Регистрация: 04.07.2012 Сообщений: 523

	Выравнивание элементов с помощью margin:auto 08.12.2012, 11:25. Показов 9178. Ответов 19 Метки margin:auto, выравнивание элементов по вертикали (Все метки) привет, друзья! объясните мне: почему не работает свойство {margin:auto;} выравнивает только по горизонтали хотя должно по правилу выравнять и по вертикали.? 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	09.12.2012, 13:24
	Не по теме: Веди, :D:yes2: Да Вы вроде уже нашли метод выравнивания - сами писали выше) Иначе - к яваскриптщикам только топать... 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	09.12.2012, 13:41
	Веди, угу 1

@omela 0 / 0 / 0 Регистрация: 26.01.2015 Сообщений: 1
	26.01.2015, 23:30
	Поглядите эту ссылку по данной теме: http://webformyself.com/absoly... ali-v-css/ 0