CSS：标题缩短答案

【问题标题】：CSS: Heading Getting Cut ShortCSS：标题缩短
【发布时间】：2013-12-06 08:24:34
【问题描述】：

我在 iPhone 上和在 320 像素宽的 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 属性，但它似乎没有按我需要的方式工作

【问题讨论】：

标签： css word-wrap

【解决方案1】：

希望对你有帮助

h3{  word-break: break-all;}

【讨论】：

【解决方案2】：

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。

【讨论】：

好收获！我想知道为什么即使word-wrap:break:all 也不能正常工作......
不用担心 - 你能设置为答案吗 :)
工作就像一种享受，谢谢！奇怪的是，我在任何地方都看不到不间断的空间，即使在 Firebug 中也看不到？但我只是删除了文本并再次输入，现在它显示正确！