1. Главная
2. CSS
3. Свойство text-overflow

СВОЙСТВО TEXT-OVERFLOW

Свойство text-overflow определяет как должен отображаться текст, который не помещается в рамки содержимого его блока. Для того чтобы активизировать text-overflow элементу должны быть присвоены следующие свойства:

• white-space: nowrap
• overflow: hidden

Поддержка браузеров

Синтаксис

text-overflow: clip|ellipsis|string|initial|inherit

Значения свойства

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet pulvinar felis, ac condimentum nisi egestas ut. Cras tincidunt aliquam placerat. Duis ac lectus lacinia, sollicitudin velit sed, tincidunt velit. Curabitur nec arcu tincidunt, porta est quis, tincidunt quam. Phasellus dapibus est in urna viverra, a auctor leo eleifend. Fusce ac consectetur odio. In id nibh nec nibh consectetur semper.
</p>

p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 300px;
    height: 25px
}