Поля margin

[Ram]

Объясните почему свойство margin не выравнивает список ul по вертикали 
Поля left right добавляет , top bottom нет margin:auto auto;

http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471

Edited November 21, 2017 by Ram

[klierik]

Потому что этот код не заставит браузер работать именно так. То что "auto" позволяет выровнять по-гориизонтали вовсе не означает что поведение повторится по-вертикали.

Для этого существуют другие способы: https://jsfiddle.net/dL3rjrqk/

[Switch74]

есть такой вариант, но тут пара нюансов
http://jsfiddle.net/mBBJM/1/

[Raritet]

1 час назад, Switch74 сказал:

 пара нюансов
 

можно подробней о нюансах?

[Switch74]

в примере все можно увидеть:
position:absolute - не всегда требуется использовать например

[Ram]

2 часа назад, klierik сказал:

Потому что этот код не заставит браузер работать именно так. То что "auto" позволяет выровнять по-гориизонтали вовсе не означает что поведение повторится по-вертикали.

Для этого существуют другие способы: https://jsfiddle.net/dL3rjrqk/

Просто не понятно,  почему такая запись работает margin: 15px auto; а эта нет margin:auto;

Мне интересно, есть ли в спецификации разъяснение этого момента?

Ещё встречал что многие записывают вот так margin:0 auto; 

Зачем, от незнания что margin:auto; сделает тоже самое? 

Реально интересно.

 

 

 

 

Edited November 21, 2017 by Ram

[klierik]

Только что, Ram сказал:

Просто не понятно,  почему такая запись работает margin: 15px auto; а эта нет margin:auto;

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

1 минуту назад, Ram сказал:

Ещё встречал что многие записывают вот так margin:0 auto; 

Зачем, от незнания что margin:auto; сделает тоже самое? 

Может из-за не знания а может для явного указания величин. По-разному бывает.

[Raritet]

1 минуту назад, Ram сказал:

Зачем, от незнания что margin:auto; сделает тоже самое? 

 

 

 

 

Я не спец особо, но думаю потому, что выравнивание по вертикали посложней, чем по горизонтали.

[Ram]

Чем сложней ? тоже самое

Только что, Raritet сказал:

Я не спец особо, но думаю потому, что выравнивание по вертикали посложней, чем по горизонтали.

 

Edited November 21, 2017 by Ram

[Switch74]

margin:0 auto; нужен тем, кому нужно выравнивание только по горизонтали.

вертикальное выравнивание сложнее в определенных случаях, если например вы посмотрите на выравнивание inline элементов через text-align и vertical-align

чтобы разобраться с таким поведением возможно вам хватит этой статьи
https://habrahabr.ru/post/121810/
в частности обратите на картинку

[Ram]

Только что, klierik сказал:

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

Может из-за не знания а может для явного указания величин. По-разному бывает.

Примени запись margin:auto; <p> и простановка полей будет со всех сторон 

а в случае со списком нет, вот что меня смущает

Оба блочные, непонятки короче

[Raritet]

12 минуты назад, Ram сказал:

Чем сложней ? тоже самое

 

я к тому, что алгоритм расчета вертикального выравнивания в браузере наверно сложней, чем горизонтального.
(как-то так сформулировал)

[Switch74]

и в чем разница между p и ul?
https://jsfiddle.net/nh8xeeno/

[Ram]

3 минуты назад, Switch74 сказал:

и в чем разница между p и ul?
https://jsfiddle.net/nh8xeeno/

Да разницы нет, попутал