我有我的HTML和CSS網站

Question

的佈局我有sidemenu文字問題的麻煩。當我輸入長文本時，它與下一個div重疊。你能告訴我答案嗎？

Answer 1

在HTML元素添加這種風格，你寫你的文字一樣

style="word-wrap: break-word" 

Answer 2

嘗試含有Breakfastfsfdf.....元素使用word-break: break-all。

示例代碼段：

.box { 
 
    width: 150px; 
 
    height: 150px; 
 
    border: 1px solid red; 
 
} 
 

 
.break { 
 
    word-break: break-all; 
 
}

<strong>BOX without word-break</strong> 
 
<div class="box"> 
 
    Breakfastasdjkaskbhajsbdhjadbhjasbdhjasbdjhasbdjhabsd 
 
</div> 
 

 
<br><br> 
 

 
<strong>BOX with word-break</strong> 
 
<div class="box break"> 
 
    Breakfastasdjkaskbhajsbdhjadbhjasbdhjasbdjhasbdjhabsd 
 
</div>

希望這有助於！

Answer 3

.your_text{ 
    word-break: break-all; 
} 

您可以參考這個link打破sentances