Поля 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]

  On 11/21/2017 at 9:35 AM, Switch74 said:

 пара нюансов
 

Expand  

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

[Switch74]

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

[Ram]

  On 11/21/2017 at 9:24 AM, klierik said:

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

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

Expand  

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

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

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

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

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

 

 

 

 

Edited November 21, 2017 by Ram

[klierik]

  On 11/21/2017 at 12:11 PM, Ram said:

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

Expand  

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

  On 11/21/2017 at 12:11 PM, Ram said:

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

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

Expand  

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

[Raritet]

  On 11/21/2017 at 12:11 PM, Ram said:

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

 

 

 

 

Expand  

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

[Ram]

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

  On 11/21/2017 at 12:14 PM, Raritet said:

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

Expand  

 

Edited November 21, 2017 by Ram

[Switch74]

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

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

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

[Ram]

  On 11/21/2017 at 12:13 PM, klierik said:

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

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

Expand  

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

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

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

[Raritet]

  On 11/21/2017 at 12:15 PM, Ram said:

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

 

Expand  

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

[Switch74]

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

[Ram]

  On 11/21/2017 at 12:34 PM, Switch74 said:

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

Expand  

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