2012-01-08 90 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