#статья дня
#css #inline #layout
На CSS-Tricks вышла статья про статус inline-block в 2020 году.
Что такой inline-block? Это значение свойства display, которое позволяет строчным элементам иметь свои собственные размеры, отступы, поля.
Раньше оно часто использовалось для формирования сеток, но приходом flexbox-модели это стало не нужно и про inline-block многие вообще забыли.
Статья рассматривает варианты, когда оно всё ещё может быть полезным:
1. Для трансформации inline-элементов в строке, поскольку иначе к ним трансформацию применить нельзя
2. Позволяет обойти неприятную особенность CSS-колонок, а именно, их разрыв посреди контентной части.
3. Помогает быстро и лаконично сделать список горизонтальным.
Остальное, а также примеры плохого использования, читайте тут: https://css-tricks.com/when-do-you-use-inline-block/
Нелишним будет упомянуть и статью на прекрасном ресурсе css-live.ru, повествующую об интересных примерах использования inline-block с гораздо большим погружением в тему: https://css-live.ru/articles-css/udivitelnyj-i-neizvestnyj-inline-block.html
#css #inline #layout
На CSS-Tricks вышла статья про статус inline-block в 2020 году.
Что такой inline-block? Это значение свойства display, которое позволяет строчным элементам иметь свои собственные размеры, отступы, поля.
Раньше оно часто использовалось для формирования сеток, но приходом flexbox-модели это стало не нужно и про inline-block многие вообще забыли.
Статья рассматривает варианты, когда оно всё ещё может быть полезным:
1. Для трансформации inline-элементов в строке, поскольку иначе к ним трансформацию применить нельзя
2. Позволяет обойти неприятную особенность CSS-колонок, а именно, их разрыв посреди контентной части.
3. Помогает быстро и лаконично сделать список горизонтальным.
Остальное, а также примеры плохого использования, читайте тут: https://css-tricks.com/when-do-you-use-inline-block/
Нелишним будет упомянуть и статью на прекрасном ресурсе css-live.ru, повествующую об интересных примерах использования inline-block с гораздо большим погружением в тему: https://css-live.ru/articles-css/udivitelnyj-i-neizvestnyj-inline-block.html
CSS-Tricks
When do you use inline-block? | CSS-Tricks
The inline-block value for display is a classic! It's not new and browser support is certainly not something you need to worry about. I'm sure many of us
#статья дня
Видите, подписчик проблему обвёл синей линией?
Оказалось, он просто был не в курсе, что пару лет назад я писал статью с прекрасным названием «Загадка дыры».
По-моему, пришло время её репостнуть, раз проблема всё ещё встречается: https://telegra.ph/Zagadka-dyry-07-18
Не дырите, котаны.
#img #inline #block #flex
Видите, подписчик проблему обвёл синей линией?
Оказалось, он просто был не в курсе, что пару лет назад я писал статью с прекрасным названием «Загадка дыры».
По-моему, пришло время её репостнуть, раз проблема всё ещё встречается: https://telegra.ph/Zagadka-dyry-07-18
Не дырите, котаны.
#img #inline #block #flex
👍24❤🔥2😁1👀1
#статья дня
Видите, подписчик проблему обвёл синей линией?
Оказалось, он просто был не в курсе, что пару лет назад я писал статью с прекрасным названием «Загадка дыры».
По-моему, пришло время её репостнуть, раз проблема всё ещё встречается: https://telegra.ph/Zagadka-dyry-07-18
Не дырите, котаны.
#img #inline #block #flex #бородач
Видите, подписчик проблему обвёл синей линией?
Оказалось, он просто был не в курсе, что пару лет назад я писал статью с прекрасным названием «Загадка дыры».
По-моему, пришло время её репостнуть, раз проблема всё ещё встречается: https://telegra.ph/Zagadka-dyry-07-18
Не дырите, котаны.
#img #inline #block #flex #бородач
👍19❤4