CSS - Vyhnite sa skresleným webovým stránkam
Vyhnite sa skresleným stránkam
Webová stránka môže byť deformovaná kvôli jej obsahu: text nie je správne zarovnaný.
Existujú však niektoré veľmi jednoduché riešenia tohto problému.
Maskovanie časti textu
Ak je kontajner box príliš malý a obsah presahuje jeho dĺžku, môžete použiť nasledujúci kód na skrytie všetkého mimo:
kontajner {
pretečenie: skryté:
}
Zvyšný (maskovaný) obsah môže byť pridaný na nasledujúci riadok.
Prvá metóda skrýva a tvorí neviditeľnú časť textu. Nie je to vždy praktické. Ak je deformácia stránky jednoducho spôsobená textom (slovom, ktoré rozprestiera blok, ktorý obsahuje), slovo môžete odstrániť:
kontajner {
word-wrap: break-word;
}
výsledok: