В этой статье я расскажу, как с помощью нескольких свойств CSS можно легко добиться эффекта обрезки многострочного текста и показать многоточие в конце обрезанного текста. Также дам дополнительный совет по улучшению пользовательского опыта, позволяющий показать полный текст при наведении курсора на обрезанный текст. Свойства CSS для обрезки многострочного текста Для того, чтобы обрезать многострочный текст с помощью CSS, нам понадобятся следующие свойства: Применив эти свойства к элементу <p>, который...

1) flex + margin: Современный способ выравнивания элементов по горизонтали и вертикали заключается в сочетании display: flex и margin: auto: Справедливости ради следует отметить, что тоже самое можно реализовать с помощью такого сниппета: 2) flex + gap: Раз уж мы заговорили о Flexbox, нельзя не упомянуть, что не так давно у нас появилась возможность добавлять отступ между flex-элементами с помощью свойства gap (этой возможности чертовски не хватало): 3) inline-flex: Данное свойство позволяет создавать строчные элементы, обладающие функциональностью Flexbox...