Как скрыть часть текста CSS

Чтобы скрыть часть текста в CSS, можно использовать свойство overflow: hidden. Это свойство скрывает часть содержимого, выходящую за рамки родительского элемента.

Например, чтобы скрыть часть текста, расположенного внутри блока <div>, можно использовать такой CSS-код:

div {
    width: 200px;
    height: 100px;
    overflow: hidden;
}

Этот код устанавливает размеры блока <div> и скрывает любое содержимое, выходящее за его рамки.

Если нужно скрыть только часть текста внутри блока, например, только первые несколько строк, можно использовать свойство height для задания высоты видимой части блока. Текст, превышающий заданное значение, будет скрыт.

div {
   height: 80px;
   overflow: hidden;
}

В этом примере блок <div> имеет высоту 80 пикселей, а свойство overflow: hidden скрывает любое содержимое, выходящее за его рамки.

Если нужно скрыть только одну строку текста, можно использовать свойство line-height и установить его значение равным нулю:

p {
   line-height: 0;
   overflow: hidden;
}

В этом примере свойство line-height устанавливает высоту строки текста в ноль пикселей, а свойство overflow: hidden скрывает текст, выходящий за рамки элемента <p>. Таким образом, одна строка текста будет скрыта.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как скрыть часть текста CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали