Заполнение верхней и нижней части встроенного элемента

Question

Цитата из головы сначала HTML:

Вы можете добавить заполнение к верху и низу встроенного элемента, но заполнение не влияет на расстояние между другими встроенными элементами вокруг него, поэтому заполнение будет перекрывать другие встроенные элементы

a) Насколько я понимаю, приведенная выше цитата, добавление отступа к верху и низу встроенного элемента не оказывает (никогда) никакого влияния на окружающие элементы и, следовательно, на внешний вид страницы ?!

b) Но что именно означает « заполнение будет перекрывать другие встроенные элементы »? Возможно ли это говорит о том, что в определенных обстоятельствах отступ (верх и низ встроенного элемента) будет влиять на внешний вид страницы?!

1019 * спасибо *

Answer 1

Используйте вместо этого встроенный блок. Добавьте эти свойства ко всем элементам, для которых вы хотите добавить отступы. Например:

a:link {
display: inline-block;
display: -moz-inline-box;
-moz-box-orient: vertical;
vertical-align: top;
zoom: 1;
*display: inline;
}

Answer 2

Если я правильно понимаю, и из примера я только что сделал:

а) текст является встроенным элементом, поэтому добавление диапазона с верхним и нижним отступом не толкает другие строки вниз

b) как вы можете видеть, поскольку я добавил цвет в диапазон, цвет будет перекрывать другие линии.

Надеюсь, это и правильно, и отвечает на ваш вопрос: D

Answer 3

Попробуйте это:

<style type="text/css">
  div { background: blue; height: 4em; padding: 1em }
  span { background: red; padding: .5em; }
</style>

<div>
  <span>one</span>
  <br/>
  <span>two</span>
</div>

Answer 4

Заполнение повлияет на сам элемент. Например, любой текст внутри элемента будет дополнен другими элементами DOM.