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

StackOverflow https://stackoverflow.com/questions/1401140

  •  05-07-2019
  •  | 
  •  

Вопрос


Цитата из Head first html:

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

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

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


спасибо

Это было полезно?

Решение

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

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

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

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

Другие советы

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

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

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

<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>

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top