Вопрос для собеседования: Чем div отличается от span?#5968
Вопрос для собеседования: Чем div отличается от span?#5968SWDevStudio wants to merge 4 commits intodoka-guide:mainfrom
Conversation
SWDevStudio
requested review from
HellSquirrel,
TatianaFokina,
igsekor,
solarrust and
vitya-ne
as code owners
Превью контента из 63a5774 опубликовано. |
nasty23-star
left a comment
nasty23-star
left a comment
There was a problem hiding this comment.
Большое спасибо за нужный контрибьют! .･｡ﾟ☆ﾟ.･｡ﾟ
У меня пара предложений, посмотри, пожалуйста
| - [`margin-top`](/css/margin/), [`margin-bottom`](/css/margin/) | ||
| - [`overflow`](/css/overflow/) | ||
|
|
||
| 2. Блочный элемент стремится занять всю доступную ширину контента и начинается с новой строки, а строчный занимает только ширину внутреннего контента. |
There was a problem hiding this comment.
Может быть, стоит добавить, что спан не создаёт переносов новых строк?
И, пожалуй, див не стремится занять, а занимает всю ширину.
There was a problem hiding this comment.
Такую формулировку для div использовал т.к у него не всегда получается это делать н-р во flex контейнерах, он не занимает по умолчанию всю ширину или grid контейнерах когда указано кол-во столбцов.
По поводу создания новой строки идея хорошая, подумаю над дополнением формулировки.
| Основные отличия: | ||
|
|
||
| 1. Есть CSS свойства которые можно задать только на блочные элементы: | ||
| - [`width`](/css/width/), [`height`](/css/height/), `min-width`, `min-height`, `max-width`, `max-height` |
There was a problem hiding this comment.
почитала, пишут, что можно использовать min-width если задано свойство inline-block, лучше уточнить. И думаю, стоит пояснить, почему использование этих свойств не работает для спан.
There was a problem hiding this comment.
Св-во inline-block позволяет строчному элементу вести себя как блок внутри, но быть строчным элементов для других блоков снаружи, мне кажется данное пояснение немного выходит за рамки рубрики ответов на собеседование и лучше подойдет для статьи по блочным и строчным элементов как мне кажется.
Ответ на то почему данные св-ва не работают на строчный элемент находятся в выражении
Блочный элемент стремится занять всю доступную ширину контента и начинается с новой строки, а строчный занимает только ширину внутреннего контента.
Браузер просто игнорирует их т.к в логике строчных элементов заложено иметь ширину на основании внутреннего контента.
В целом для более развернутого ответа можно дополнить, будет время подумаю над формулировкой
3 participants
Описание
Добавил вопрос и ответ на вопрос: "Чем отличается div от span?"
Closes #5963
Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)