HTML TextArea Break Fehler

Question

In meiner Website im Einfügen von langen Text ohne Leerzeichen im Textbereich und Ansicht dann sehen Sie diesen Text innerhalb <p> oder <div> tag.but Text nicht brechen es als inline.how zeigt, kann ich Text mit richtig anzeigen Abstand.

Dies ist Code für Ansicht TextArea-

.text_in_status p { 
 
    color: #333; 
 
    font-size: 1.1em; 
 
    font-weight: 400; 
 
    display: block; 
 
    
 

 
}

<div className="text_in_status clearfix"> 
 
       <p >{this.props.post.text}</p> 
 
       </div>

Answer 1

<style> 
.text_in_status p { 
    color: #333; 
    font-size: 1.1em; 
    font-weight: 400; 
    display: block; 
    word-wrap:break-word; 
} 
</style> 
<div className="text_in_status clearfix"> 
    <p >{this.props.post.text}</p> 
</div> 

Answer 2

verwenden eine in p-Tag:

word-wrap:break-word; 

Answer 3

Verwenden Sie word-break: break-all; diesen Stil auf Ihrem P-Tag.

Answer 4

.text_in_status p { 
 
    color: #333; 
 
    font-size: 1.1em; 
 
    font-weight: 400; 
 
    display: block; 
 
    word-wrap:break-word; 
 
    
 

 
}

<div className="text_in_status clearfix"> 
 
       <p >{this.props.post.textsdsfsddddddddddddddddddddddddddddddddddddddd dfsfffffffffffffffffffffffffff ddddddddddddddddd}</p> 
 
       </div>