Я хочу ограничить элемент отображением только 1 строки текста, а оставшаяся часть скрыта (переполнение: скрытая), не устанавливая определенную высоту. Возможно ли это с помощью только CSS?
CSS: ограничивать элемент до 1 строки.
Ответ 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;
}