CSS：标题缩短

Question

我在iPhone上以及在320px宽的FF中浏览时都遇到了这个问题。注意“投资”这个词正在被切断：

影响它的唯一风格是非常基本的，这让它特别混乱，我甚至尝试过不同的字体，但仍然没有运气

h1, h2, h3, h4, h5, h6 {
    color: #1abae5;
    font: 1em dezen_pro_regular, open_sansregular, arial, helvetica, sans-serif;
    line-height: 1em;
    margin: .5em 0 .25em;
    text-transform: uppercase;
}
h3 {
    font-size: 2.57142857142857em; /* 36px / 14px */
}

此处还有指向该页面的链接： - http://www.mattpealing-server.co.uk/~devkyada/about/

有谁知道可能出错了什么？我已经尝试了word-wrap属性，但它似乎没有按照我需要的方式工作

Answer 1

HTML中似乎有一个不间断的空间实体：

<h3>For us health and safety is an essential&nbsp;investment:</h3>

将其删除以制作：

<h3>For us health and safety is an essential investment:</h3>

这应该解决问题，不需要使用CSS。

Answer 2

希望它会帮助你

h3{  word-break: break-all;}