Question

我面临一个小问题。我无法解决它。我正在使用令人敬畏的Ionic框架来构建一个不错的应用程序。尝试使用列表项。我正在设置文本的最大宽度，我希望测试跳转到下一行，这不起作用，我正在使用word-wrap: break-word;

我的文字看起来像那样：

enter image description here

我希望文本跳到下一行。

Answer 1

您需要从white-space：no-wrap

覆盖默认离子CSS

.item h3 {
  white-space: normal !important;
}

<强>输出

Normal wrap

但我会尝试使用自定义CSS文件并在离子CSS之后加载它以避免使用！important

Answer 2

覆盖换行符的空格属性，并将文本居中添加margin-left和margin-right auto;

a.item h3 {
  margin-left: auto;
  margin-right: auto;
  white-space: normal;
}