html - 连字符换行而不是在移动设备上使用空格

Question

我在使用 CSS3 和 HTML5 以及使用 Bootstrap 3 的响应式设计的移动设备上遇到了一个小问题。

在台式机或笔记本电脑上，当我将窗口调整为更小时，文本行会使用空格换行。

当我使用我的 Samsung Galaxy S6 时，它使用 - 连字符来换行而不是空格。

如何在 CSS 中禁用连字符 - 的换行？

Answer 1

试试下面的 CSS:

.nowrap {
   white-space: nowrap;
}

HTML:

<div class="big">Autoparts Prosec is de grossier in 
   <strong class="nowrap">auto-onderdelen</strong>
</div>