2012-01-08 49 views
2

我试图找到一种方法来避免使用CSS,jQuery或PHP在自己的行上留下最后一个单词的标题单词换行。我想要它的例子以及我想要它做的事情。单词换行避免每行单个单词

从这:

Hello This is a Long 
Headline 

要这样:

Hello This is a 
Long Headline 
+1

有趣的问题,但你尝试过什么到目前为止 – nnnnnn 2012-01-08 02:13:47

+0

在什么时候应该呢?被拆分? – 2012-01-08 02:16:34

回答

4

如何服用空白一锤定音之前,用不间断空格代替它?

<h1>Hello this is a long headline</h1> 

<script> 
$("h1").html(function(i, oldHtml) { 
    return oldHtml.replace(/\s+([^\s]+)$/, "&nbsp;$1"); 
}); 
</script> 

工作演示:。http://jsfiddle.net/BdApF/

(有关传递函数的.html() method看到doco更多信息

+0

至少在FF 8中,它看起来一样有或没有。 – 2012-01-08 02:21:47

+0

@Jared Farrish:它既适用于Chrome和IE8,也是我在这台计算机上唯一的浏览器。请注意,这不会导致标题包装,它只是确保_if_它包装你不会自己得到最后一个词,所以要看到它的工作,你必须调整你的浏览器。我认为这就是问题所在。 – nnnnnn 2012-01-08 02:26:00

+0

啊,真的; iframe视图太宽。它在FF中工作。 – 2012-01-08 02:26:48