携帯電話で長いテキストを切り捨てる

Question

私は質問があります！ 私のdivは長いテキストを持つことができます。このdivは固定された高さを持っていません、そして、私は携帯電話に問題があります。

たとえば、デバイスの幅は320pxですが、内部divの幅は454pxです。 それは長い言葉に起こります。 codepenに私の問題を見ることができます。

CSSでのみ修正できますか？

この問題を解決するお手伝いができれば幸いです！

Answer 1

使用このCSSコード：

p{width:100px; 
 
height:auto; 
 
border:2px solid #000; 
 
    overflow-wrap: break-word;}

<p> this is a biggggggggggggggggggg word</p>

私は、このCSSコードと私の問題を修正しました

Answer 2

：

.breaking { 
    -ms-word-break: break-all; 
     word-break: break-all; 
     word-break: break-word; 
    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
      hyphens: auto; 
} 

CBroe

、あなたの助けに感謝します。