Czy istnieje zawijanie słów lub jakikolwiek inny atrybut, który powstrzymuje zawijanie tekstu? Mam wysokość overflow:hidden
i tekst wciąż się psuje.
Musi działać we wszystkich przeglądarkach, przed CSS3.
div {
white-space: nowrap;
overflow: hidden;
}
<div>test that doesn't wrap</div>
Uwaga: działa to tylko w przypadku elementów blokowych. Jeśli musisz to zrobić w komórkach tabeli (na przykład), musisz wstawić div do komórki tabeli, ponieważ komórki tabeli mają wyświetlaną komórkę tabeli, a nie blok.
Począwszy od CSS3, jest to obsługiwane również dla komórek tabeli.
p.oneline { white-space:nowrap; overflow:hidden; display:block;}
Możesz użyć tego
CSS white-space Property
do osiągnięcia.źródło
Użycie elipsy doda na końcu ...
źródło
Czasami użycie
zamiast spacji będzie działać. Oczywiście ma to jednak wady.źródło
Aby być krystalicznie czystym, działa to dobrze z akapitami i nagłówkami itp. Musisz tylko określić
display: block
.Na przykład:
(wybacz style wbudowane)
źródło