在iPhone上使用CSS停止分词

我有Html

  <div class="callout-container req-text dark-callout">
       <div class="col-md-12 callout-description">Lorem Ipsum Lorem Ipsum Lorem Ipsum </div>
    </div>

在移动设备上也可以，但如果我使用Iphone 6或7，我会发现：

lorem Ipsum lorem Ip-

总之

---

我只使用Iphone获得“Ip总和”。是否可以使用css阻止Iphone上的分词？

尝试

空白：nowrap

在

.callout\u container上

您可以向目标移动设备编写CSS媒体查询。例如：

@media only screen (max-device-width : 667px) {
  .callout_container {
    word-break:keep-all;
  }
}

见：

@media only screen (max-device-width : 667px) {
  .callout_container {
    word-break:keep-all;
  }
}