Mam tytuł:elipsy nie pojawia się na text-overflow
<h2><a href="#">Lorem ipsum dolor dumbledore at hogwarts</a></h2>
próbuję obciąć tekst na wielu liniach, jeśli przekracza wysokość h2
:
h2 {
width: 200px;
height: 52px;
overflow: hidden;
text-overflow: ellipsis;
}
Co ja „m spodziewając:
Lorem ipsum dolor
dumbledore at...
Jaki był wynik
Lorem ipsum dolor
dumbledore at
Dlaczego elipsa nie jest wyświetlana?
Po dodaniu white-space: nowrap;
pokazów wielokropka, ale tekst h2
jest teraz jednolinijkowy zamiast zajmowania całej wysokości h2
.
Lorem ipsum dolor...
ale obcina tekst na jednej linii, zamiast zajmując wysokość. – Michelle
Przypuszczalnie wysokość pojedynczej linii jest większa niż połowa wysokości h2. Spróbuj ustawić "wysokość linii" na 26 pikseli (lub mniejszą). – GolezTrol
czy możesz zapewnić skrzypce? Próbowałem grać, ale nie mogę sprawić, żeby to działało. – Michelle