Css 跨浏览器提示分词

在Chrome中，我可以通过组合使用

和

空白：nowrap来指定文本的换行位置。但在Firefox或IE中，文本只是从框中流出，而
被忽略。Chrome是否正确解释了规范，或者这仅仅是一个奇怪的（如果有用的话）实现错误？是否有跨浏览器的文本换行提示解决方案


.headline容器{
宽度：50%；
边框：1px纯红；
}
h1{
空白：nowrap；
}
@介质（最大宽度：400px）{
h1{
空白：正常；
}
}

这个标题可以在中间包装，但只有在铬上。
下面是@CBroe建议的实现


.headline容器{
宽度：70%；
边框：1px纯红；
}
.h1线{
显示：内联块；
}
@介质（最大宽度：400px）{
.h1线{
显示：内联；
}
}

这个标题可以在中间包装。
我会去掉空白：nowrap，而是将你想“在一起”的每个部分包装在一个跨度中，使它们成为内联块。这似乎是个好主意。有点冗长，因为span需要将文本括起来，但我认为它可以工作。