Jump to content
  • 0

Расстояние между div если внутри список


SoFuWa
 Share

Question

<div>Здесь располагается содержимое нового тега Div</div>

<div>

<ul>

<li style="display:inline">Меню</li>

</ul>

</div>

<div>Здесь располагается содержимое нового тега Div</div>

вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?

Edited by SoFuWa
Link to comment
Share on other sites

Recommended Posts

  • 0

Из последней работы:

CSS - 65 строк

margin-сторона - 5 определений

padding-сторона - 10 определений

~23%

P.S. Я постоянно путаюсь где лево и право в подобной записи: margin: 0 0 0 0; поэтому для повышения читабельности кода частенько отказываюсь от краткой записи.

Link to comment
Share on other sites

  • 0
P.S. Я постоянно путаюсь где лево и право в подобной записи: margin: 0 0 0 0; поэтому для повышения читабельности кода частенько отказываюсь от краткой записи.

margin: 0 - верх 0 - право 0 - низ 0 - лево;

Link to comment
Share on other sites

  • 0
P.S. Я постоянно путаюсь где лево и право в подобной записи: margin: 0 0 0 0; поэтому для повышения читабельности кода частенько отказываюсь от краткой записи.

Да легко запоминается. По часовой стрелке от 12 часов (или полуночи).

Link to comment
Share on other sites

  • 0

Да знаю я что по часовой, но вот ничего с собой поделать не могу... туплю пару секунд около каждой такой записи, а запись вида margin: 10px 0 10px; меня вообще вводит в ступор.

Link to comment
Share on other sites

  • 0
P.S. Я постоянно путаюсь где лево и право в подобной записи: margin: 0 0 0 0; поэтому для повышения читабельности кода частенько отказываюсь от краткой записи.

Вот с этого, пожалуй, и стоит начинать. :)

Да знаю я что по часовой, но вот ничего с собой поделать не могу... туплю пару секунд около каждой такой записи, а запись вида margin: 10px 0 10px; меня вообще вводит в ступор.

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

Link to comment
Share on other sites

  • 0

У меня собственный файл обнуления уже с полгода эволюционирует из мейеровского.

Было бы ещё время этим заниматься!

В частности, аутлайн для фокуса — весьма спорная фича, стоит ли её обнулять. vertical-align для всех-всех элементов (у Мейера так) — зло, поскольку неожиданно перестают работать <sub> и <sup>.

Добавлен display: block для некоторых элементов типа <section>, появившихся только в современной версии html.

В общем, с умом если обнулять, то существенно облегчает жизнь.

Link to comment
Share on other sites

  • 0

Угу, с умом это правильное замечание. Да кто же так к делу подходит, единицы разве что. Остальные безрассудно копируют либо reset.css (неважно чей), либо вставляют * {...}. Поэтому буду бороться против мракобесия!

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