2 Pluspunkte 0 Minuspunkte

Wie kann ich machen das ein Wort abgekürzt wird wenn es länger ist als ein Div breit ist?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  .container {
    width: 200px; /* Breite des Containers */
    border: 1px solid #000;
    padding: 10px;
  }
</style>
<title>Textumbruch mit CSS</title>
</head>
<body>
  <div class="container">
Loremipsumdolorsitametconsecteturadipisicingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquautenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatduisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeu
  </div>
</body>
</html>
von  

1 Antwort

3 Pluspunkte 0 Minuspunkte

Mit der CSS Eigenschaft overflow-wrap.

.container {
    width: 200px; /* Breite des Containers */
    border: 1px solid #000;
    padding: 10px;
    overflow-wrap: break-word;
}

von (542 Punkte)