我有我的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