CSS: ограничивать элемент до 1 строки.

Я хочу ограничить элемент отображением только 1 строки текста, а оставшаяся часть скрыта (переполнение: скрытая), не устанавливая определенную высоту. Возможно ли это с помощью только CSS?

Ответы

Ответ 1

Возможно:

element (white-space: nowrap; overflow: scroll;)

Текст, обработанный как HTML или XML, является токенизированным, что означает, что все пробелы пробелов сводятся к одному пробелу. Это означает, что у вас будет одна строка текста, если вы не укажете что-нибудь в дополнение к объявлению переполнения, которое может привести к тому, что текст будет завершен.

EDIT: я не смог включить необходимое свойство write-space: nowrap, в противном случае по умолчанию используется контейнер, который будет прокручиваться вертикально против горизонтали.

Ответ 2

p#foo {
    white-space:nowrap;
    overflow:hidden;
}

Ответ 3

Если вы хотите отключить перенос текста, используйте white-space: nowrap;.

Ответ 4

используйте блок отображения, чтобы он не выходил за пределы вашего родительского элемента.

p#foo{
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}