自动换行避免每行单个单词

时间:2012-01-08 02:12:05

标签: php jquery css

我正试图找到一种方法来避免使用CSS,jQuery或PHP将最后一个字留在自己的行上的标题词包装。我希望它做什么以及我希望它做什么的例子。

由此:

Hello This is a Long 
Headline

对此:

Hello This is a
Long Headline

1 个答案:

答案 0 :(得分: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