在手机上截断长文本

Question

我有一个问题！ 我的div可以有很长的文字。这个div没有固定的高度，我在手机上遇到了麻烦。

例如，我的设备宽度为320px，但内部div的宽度为454px。 这恰好是长话。 您可以在codepen上看到我的问题。

我可以仅使用CSS修复它吗？

如果你能帮助我解决这个问题，我将不胜感激！

Answer 1

使用此css代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

我用这个css代码解决了我的问题：

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

CBroe，谢谢你的帮助。