Az internet tartalomból áll, a tartalom szavakból áll, és a szavak nagyon és nagyon hosszúak lehetnek. És előbb-utóbb a webmester szembesül a hosszú szavak átvitelének problémájával. Ez a probléma különösen fontos az adaptív tervezéshez és a kis tartalmakhoz. Szóval, hogyan kell megbirkózni ezzel a problémával?

Kötőjel

Az első megoldás hosszú szavak átvitelére - kötőjelekkel.

DefiSi (-webkit-kötőjelek: Auto, -moz-kötőjel: Auto; -ms-hyphens: Auto, Hyphens: Auto,)

Böngésző támogatás: A CSS-Defisits szinte minden modern böngésző támogatja a Chrome, az Opera, az Android kivételével. Szintén nagyon gyakran a kötőjelek beillesztésre kerülnek helyeken, hibás szempontból hibás.

Nyílt szavak

A Word Break egy CSS tulajdonság, amely jelzi, hogy megszakítja-e a szavakat a szavak belsejében.

OBRIV-SLOVA (-S-Word-Break: Break-All, Word-Break: Break-All, Word-Break: Break-Word;)

Támogassa böngészők: Wristware támogatott minden böngészőben, kivéve Opera Mini és Old Opera változatban.

Túlcsordulási csomagolás

A következő megoldás a túlfolyó csomagolás (túlcsordulás-burkolat) használata.

Obertka-Perepolneniya (Word-Wrap: Break-Word, túlcsordulás-burkolat: Break-Word;)

Böngésző támogatás: szinte minden böngészőben támogatott. Megjegyzés: Néhány böngésző a "túlcsordulás" helyett "Word-Wrap" használatát igényli.

Pont

Egy másik lehetőség az ellipszis használata.

Mnogotochiye (túlcsordulás: rejtett, fehér tér: mostrap, szöveg túlcsordulás: ellipszis;)

Böngésző támogatás: Minden modern böngésző támogatja.

Ez egy munkamódszer, de nem tökéletes.

Végső megoldás: Használja a túlcsordulást és a kötőjeleket.

Finalnoye-Resheniye (túlcsordulás-Wrap: Break Szó Szó-Wrap: Break Ige -WebKit-kötőjel: Auto;-MS-kötőjelet: auto; -moz-kötőjelet: auto; kötőjelet: auto;)

Ez a megoldás lehetővé teszi a böngésző számára, amely támogatja, beilleszti a kötőjelet, és nem támogatja a böngészők beillesztését.