HTML TextArea中斷錯誤

在我的網站即插入長文本沒有空間在文本區域和查看然後查看該文本內<p>或<div> tag.but文字dosn't不打破它顯示爲inline.how我可以查看文本與正確間距。HTML TextArea中斷錯誤

這是視圖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>

來源

2016-04-25 kosala

使用「字突破：突破 - 所有;」 p標籤樣式 –

<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>

來源

2016-04-25 06:03:40 Bhanu

感謝它工作。 – kosala

thanks.please接受爲答案。 – Bhanu

使用這一個在p標籤代碼：

word-wrap:break-word;

來源

2016-04-25 06:02:22

在你的p標籤上使用word-break: break-all;這種風格。

來源

2016-04-25 06:04:56

.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>

來源

2016-04-25 06:05:12 nisar

HTML TextArea中斷錯誤

回答

相關問題