显示错误的大词在电话视图

Question

我有一个带有一个大字的文字，它打破了电话视图。 请参见附图。

picture here

Answer 1

在您的内容上应用word-wrap CSS属性

* { word-wrap: break-word }

如果您对选择器更具体，而不是像'*'那样，那么情况会更好：

p { word-wrap: break-word }

这将允许长字被打破并包裹在下一行。

Answer 2

您可以使用它，只需将CSS应用于文本容器。

.word-wrap {
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap; /* current browsers */
  }