Jump to content
  • 0

Поля margin


Ram
 Share

Question

Объясните почему свойство 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 Ram
Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0

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

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

Link to comment
Share on other sites

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

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

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

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

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

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

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

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

 

 

 

 

Edited by Ram
Link to comment
Share on other sites

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

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

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

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

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

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

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

Link to comment
Share on other sites

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

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

 

 

 

 

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

Link to comment
Share on other sites

  • 0

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

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

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

 

Edited by Ram
Link to comment
Share on other sites

  • 0

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

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

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

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

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

Link to comment
Share on other sites

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

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

 

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

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy