• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Object Storage Arubacloud
+1 głos
79 wizyt
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ź

+1 głos
odpowiedź 2 października 2020 przez VBService Ekspert (254,570 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 ]

Podobne pytania

0 głosów
2 odpowiedzi 306 wizyt
pytanie zadane 25 kwietnia 2016 w HTML i CSS przez Michał_Warmuz Mądrala (5,830 p.)
0 głosów
2 odpowiedzi 130 wizyt
pytanie zadane 16 maja 2023 w HTML i CSS przez niezalogowany
–1 głos
1 odpowiedź 225 wizyt
pytanie zadane 9 kwietnia 2017 w Android, Swift, Symbian przez SebekMakaron Obywatel (1,290 p.)

92,687 zapytań

141,598 odpowiedzi

320,087 komentarzy

62,048 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...