私はsidemenuテキストと問題を抱えている私のHTML＆CSSサイト

Question

のレイアウトに問題が生じています。長いテキストを入力するときは、次のdivと重複します。答えを教えてもらえますか？

Answer 1

あなたは

style="word-wrap: break-word" 

Answer 2

Breakfastfsfdf.....を含む要素にword-break: break-allを使用してみてください、あなたのようなテキストを書いているHTML要素にこのスタイルを追加します。

例スニペット：

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

あなたは