CSS: n text-overflow -ominaisuus käsittelee tilanteita, joissa teksti leikataan, kun se ylittää elementin kentän. Se voidaan leikata (ts. Katkaista, piilottaa), näyttää ellipsi (…, Unicode-alueen arvo U + 2026) tai näyttää tekijän määrittämän merkkijonon (ei nykyistä selaintukea tekijän määrittelemille kielille).
Huomaa, että text-overflow tapahtuu vain, kun säilön overflow -ominaisuudella on arvo hidden, scroll tai auto ja white-space: nowrap;.
Tekstin ylivuoto voi tapahtua vain lohko- tai inline-block-tason elementeillä, koska elementillä on oltava leveys voidakseen ylivuotoa muokata. Ylivuoto tapahtuu suuntaan, joka määritetään suuntaominaisuuden tai siihen liittyvien attribuuttien avulla.
Seuraava esittely näyttää ominaisuuden text-overflow toiminnan, mukaan lukien kaikki mahdolliset arvot. Selaimen tuki vaihtelee!
Asetus overflow – scroll tai auto näyttää vierityspalkit lisätekstin paljastamiseksi, kun taas hidden ei. Piilotettu teksti voidaan valita valitsemalla ellipsit.
Vanha juttu
Vanhan teknisen version mukaan voit käyttää ellipsin kuvan URL-osoitetta, mutta se näyttää jos se pudotettiin.
On kahden arvon syntaksia, esim text-overflow: ellipsis ellipsis;, joka kontrolloi ylivuotoa saman säiliön vasemmalla ja oikealla puolella. En ole varma, miten se olisi mahdollista saavuttaa. Ehkä keskitetty teksti liian pieneen astiaan? Uusi tekninen henkilö sanoo, että tämä sekä merkkijonon määrittely ovat ”vaarassa”.
En ole varma, mistä ellipsis-word tuli. Se ei ole tekniset tiedot tai muu dokumentaatio kuin muualla kuin WebPlatform.org-sivustossa.
Ominaisuus text-overflow oli aiemmin lyhenne ja text-overflow-ellipsis, mutta ei enää, eikä näitä erillisiä ominaisuuksia ole olemassa.
Liittyvät ominaisuudet
-
white-space -
overflow -
word-break -
width