DIV-Element wächst nicht mit

04/02/2017 21:13 7daystodie#1
Ich habe es mal so gelernt, dass ein Block-Element, welches keine Höhe zugewiesen bekommt sich dem Inhalt anpasst. Jedoch habe ich es mal ausprobiert und der Text ist einfach flooded...

Ich stehe entweder stark auf dem Schlauch, oder da läuft wirklich was falsch.

[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]

Ächtet mich, wenn der Fehler "super-mega-ersichtlich" ist. Wenn nicht... dann nicht ^_^
04/02/2017 21:28 NotEnoughForYou#2
Es ist ein Wort, HTML kann nicht automatisch Wörter trennen (da hier Silben trennung nötig wäre)


Gesendet von iPhone mit Tapatalk Pro
04/02/2017 21:38 7daystodie#3
Quote:
Originally Posted by NotEnoughForYou View Post
Es ist ein Wort, HTML kann nicht automatisch Wörter trennen (da hier Silben trennung nötig wäre)


Gesendet von iPhone mit Tapatalk Pro
Die Antwort ist simpel, aber muss man ja auch erst mal wissen :D

Vielen vielen Dank :)
04/04/2017 14:46 #Metho#4
@7daystodie, @NotEnoughForYou, das mit der Worttrennung geht, zwar nicht nach Silbentrennung, aber mit bisschen CSS kann man auch sehr lange Wörter trennen.

HTML:
HTML Code:
<div id='div'>
 EinSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrSehrLangesWort
</div>
CSS:

HTML Code:
<style>
#div {
  width: 200px;
  
  padding: 20px 5px;
  margin: 20px auto;
  
  background-color: #E0FFFF;
  
  /* Lässt den Text umbrechen: */
  word-break: break-all;
}
</style>
Fiddle: [Only registered and activated users can see links. Click Here To Register...]