Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis

Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis

Predolgo besedilo v premajhnem polju je pojav, ki ga redno srečujemo na spletnih straneh. Najlažja in očitna rešitev je uporaba CSS značke overflow:hidden s katero odvečno besedilo enostavno odrežemo. Problem, ki tu nastane je nenaravni rez besedila, ki nam ni v ponos. Elegantnejša rešitev je uporaba CSS značke text-overflow: ellipsis, ki besedilo odreže in na koncu doda tri pike –

Preberi
Word-wrap: Prelom besedila s pomočjo CSS-ja

Word-wrap: Prelom besedila s pomočjo CSS-ja

CSS značka “Word-wrap” prisili besedilo v prelom. V praksi to pomeni, da se besedilo, ki je zelo dolgo prelomi v novo vrsto. Ta pojav zasledimo v primerih, ko je polje, kjer je besedilo ožje od dolžine besedila, npr. dolge povezave. Primer tega pojava in uporaba značke “word-wrap: break-word;” je prikazana na spodnji sliki.

Preberi
CSS: box-sizing

CSS: box-sizing

CSS značka »box-sizing« nadzoruje, kako se polja privzetega CSS modela obnašajo na strani glede na postavitev. Povedano drugače, vpliva na širino in višino elementov in kako se slednji prikazujejo na sami strani.

Preberi