Przełamanie stringa, który nie mieści się w divie

pytanie zadane 2 października 2020 w HTML i CSS przez poldeeek Mądrala (5,980 p.)
edycja 2 października 2020 przez poldeeek

Zastanawiam się w jaki sposób podzielić ciąg znaków, który nie zmieści się w wyświetlanym divie. W sensie jeśli przekroczy szerokość diva chciałbym, aby leciał on dalej linię niżej. Chodzi mi tutaj o ciąg nieprzerwany żadnym znakiem białym np: "fgasdgaidsgjafidfkjfasjdfoiasjdfoiasjdfiasjdfijasdofjasoifjsdafjksadffksdmfkasmdfkasfksldmfsagisfdgjiadsjgfuasdhfa"

Dokładniej chcę uniknąć takich sytuacji:

komentarz 2 października 2020 przez lapa19904 Stary wyjadacz (11,560 p.)

dodaj w css:

word-break: break-word;

1 odpowiedź

odpowiedź 2 października 2020 przez VBService Ekspert (253,340 p.)
wybrane 2 października 2020 przez poldeeek

Najlepsza

Użyj:

word-break: break-all;

break-all
To prevent overflow, word may be broken at any character

break-word
To prevent overflow, word may be broken at arbitrary points

/* Syntax: word-break Keyword values */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;
word-break: break-word; /* deprecated */

<style>
* {
  margin: 5px;
}
div {
  word-break: break-all;
}
</style>
<body>
<div>sdgsdsdsfsdfsdfsdfsdfdfssdfsdfsdfsdfsdfsdfsfsdfsdfsdfsdfsgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggdfsdfsdfdsfsdfsdfsfsdhhhhhhhhhhhhhhhhhhhhhhkuuuuuuuuuuueeeeeeeeeeeeeeeepsa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;'''''''''''''''''''''dfsdfsfsdfsfsdfdsfsdfsdfttttttttttttttttttttttttttttttttdsfsfs</div>
</body>

[ word-break css ] [ overflow-wrap css ]