Ram Posted November 21, 2017 Report Share Posted November 21, 2017 (edited) Объясните почему свойство 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 Quote Link to comment Share on other sites More sharing options...
0 klierik Posted November 21, 2017 Report Share Posted November 21, 2017 Потому что этот код не заставит браузер работать именно так. То что "auto" позволяет выровнять по-гориизонтали вовсе не означает что поведение повторится по-вертикали. Для этого существуют другие способы: https://jsfiddle.net/dL3rjrqk/ Quote Link to comment Share on other sites More sharing options...
0 Switch74 Posted November 21, 2017 Report Share Posted November 21, 2017 есть такой вариант, но тут пара нюансовhttp://jsfiddle.net/mBBJM/1/ Quote Link to comment Share on other sites More sharing options...
0 Raritet Posted November 21, 2017 Report Share Posted November 21, 2017 1 час назад, Switch74 сказал: пара нюансов можно подробней о нюансах? Quote Link to comment Share on other sites More sharing options...
0 Switch74 Posted November 21, 2017 Report Share Posted November 21, 2017 в примере все можно увидеть: position:absolute - не всегда требуется использовать например Quote Link to comment Share on other sites More sharing options...
0 Ram Posted November 21, 2017 Author Report Share Posted November 21, 2017 (edited) 2 часа назад, klierik сказал: Потому что этот код не заставит браузер работать именно так. То что "auto" позволяет выровнять по-гориизонтали вовсе не означает что поведение повторится по-вертикали. Для этого существуют другие способы: https://jsfiddle.net/dL3rjrqk/ Просто не понятно, почему такая запись работает margin: 15px auto; а эта нет margin:auto; Мне интересно, есть ли в спецификации разъяснение этого момента? Ещё встречал что многие записывают вот так margin:0 auto; Зачем, от незнания что margin:auto; сделает тоже самое? Реально интересно. Edited November 21, 2017 by Ram Quote Link to comment Share on other sites More sharing options...
0 klierik Posted November 21, 2017 Report Share Posted November 21, 2017 Только что, Ram сказал: Просто не понятно, почему такая запись работает margin: 15px auto; а эта нет margin:auto; Потому что указываются значения которые влияют на горизонтальное положение блока, но никак не вертикальное. 1 минуту назад, Ram сказал: Ещё встречал что многие записывают вот так margin:0 auto; Зачем, от незнания что margin:auto; сделает тоже самое? Может из-за не знания а может для явного указания величин. По-разному бывает. Quote Link to comment Share on other sites More sharing options...
0 Raritet Posted November 21, 2017 Report Share Posted November 21, 2017 1 минуту назад, Ram сказал: Зачем, от незнания что margin:auto; сделает тоже самое? Я не спец особо, но думаю потому, что выравнивание по вертикали посложней, чем по горизонтали. Quote Link to comment Share on other sites More sharing options...
0 Ram Posted November 21, 2017 Author Report Share Posted November 21, 2017 (edited) Чем сложней ? тоже самое Только что, Raritet сказал: Я не спец особо, но думаю потому, что выравнивание по вертикали посложней, чем по горизонтали. Edited November 21, 2017 by Ram Quote Link to comment Share on other sites More sharing options...
0 Switch74 Posted November 21, 2017 Report Share Posted November 21, 2017 margin:0 auto; нужен тем, кому нужно выравнивание только по горизонтали. вертикальное выравнивание сложнее в определенных случаях, если например вы посмотрите на выравнивание inline элементов через text-align и vertical-align чтобы разобраться с таким поведением возможно вам хватит этой статьиhttps://habrahabr.ru/post/121810/ в частности обратите на картинку 1 Quote Link to comment Share on other sites More sharing options...
0 Ram Posted November 21, 2017 Author Report Share Posted November 21, 2017 Только что, klierik сказал: Потому что указываются значения которые влияют на горизонтальное положение блока, но никак не вертикальное. Может из-за не знания а может для явного указания величин. По-разному бывает. Примени запись margin:auto; <p> и простановка полей будет со всех сторон а в случае со списком нет, вот что меня смущает Оба блочные, непонятки короче Quote Link to comment Share on other sites More sharing options...
0 Raritet Posted November 21, 2017 Report Share Posted November 21, 2017 12 минуты назад, Ram сказал: Чем сложней ? тоже самое я к тому, что алгоритм расчета вертикального выравнивания в браузере наверно сложней, чем горизонтального. (как-то так сформулировал) Quote Link to comment Share on other sites More sharing options...
0 Switch74 Posted November 21, 2017 Report Share Posted November 21, 2017 и в чем разница между p и ul?https://jsfiddle.net/nh8xeeno/ Quote Link to comment Share on other sites More sharing options...
0 Ram Posted November 21, 2017 Author Report Share Posted November 21, 2017 3 минуты назад, Switch74 сказал: и в чем разница между p и ul?https://jsfiddle.net/nh8xeeno/ Да разницы нет, попутал Quote Link to comment Share on other sites More sharing options...
Question
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 by RamLink to comment
Share on other sites
13 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.