Wie kann ich den Text auf die Breite einer div beschränken?

Question

Ich versuche Text auf eine div Breite zu begrenzen und kann es nicht zum Funktionieren bringen.

Wo es heißt TESTE3 Ich möchte den Text nicht über den Rand der roten div gehen. Kann mir bitte jemand helfen? Image sample

Answer 1

Ich würde vorschlagen, dass Sie uns Beispielcode geben entweder mit dem im Code-Editor gebaut oder jsfiddle.

Es gibt jedoch zwei Möglichkeiten, Ihr Problem zu lösen.

können Sie entweder gehen für overflow:hidden; wie hier gezeigt: https://jsfiddle.net/L62w981g/

oder Sie können den Text über in die nächste Zeile fließen haben word-break oder white-space mit wie hier gezeigt: https://jsfiddle.net/L62w981g/1/

Hier ist der Code für die ist Überlauf fix:

div { 
 
    background-color:red; 
 
    height:60px; 
 
    overflow:hidden; 
 
    width:350px; 
 
}

<div> 
 
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkthistextishidden 
 
</div>

Hier ist der Code für das white-space fix:

div { 
 
    background-color:red; 
 
    height:60px; 
 
    overflow:hidden; 
 
    width:350px; 
 
    word-break:break-all; 
 
    white-space:normal; 
 
}

<div> 
 
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkthistextishidden 
 
</div>

Answer 2

verwenden CSS:

word-break: break-all;