2012-02-10 2 views
7

Может ли кто-нибудь объяснить разницу между «блоком» и «встроенным блоком» для настройки отображения CSS?Что означает встроенный блок для css?

+0

Если вы думаете о том, как выглядит изображение в строке текста, вы получите представление о том, сделав рядный блок элемент. – animuson

ответ

14

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

Inline-block demo

(Источник: http://www.impressivewebs.com/inline-block/)

4

inline-block рассматривает элемент как другие встроенные элементы, но позволяет использовать свойства блока.

Элементы с дисплеем: блок занимает столько же ширины, сколько разрешено, и обычно начинается с новой строки.

+0

А, хорошо знать о аспекте «новой линии». 'inline-block' действительно довольно изящный. – DnfD

0

Это прекрасная подробная статья об этой теме: What’s the Deal With Display: Inline-Block?

+0

Обратите внимание, что [ссылки только ответов] (http://meta.stackoverflow.com/tags/link-only-answers/info) обескуражены, ответы SO должны быть конечной точкой поиска решения (vs. еще одна остановка ссылок, которые со временем становятся устаревшими). Пожалуйста, подумайте о добавлении отдельного резюме здесь, сохранив ссылку в качестве ссылки. – kleopatra

+0

@ kleopatra спасибо за примечание, и я это рассмотрю в следующий раз. – Amr

Смежные вопросы