2012-01-08 10 views
2

CSS, jQuery 또는 PHP를 사용하여 줄 바꿈 단어가 마지막 줄에 표시되지 않게하는 방법을 찾으려고합니다. 내가 원하는 것과 내가하고 싶은 것의 예. 이에줄 바꿈은 한 줄에 하나의 단어를 피하십시오.

Hello This is a Long 
Headline 

:이에서

Hello This is a 
Long Headline 
+1

재미있는 질문은 그러나 당신은 지금까지 시도 어떤 시점에서 – nnnnnn

+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() methoddoco를 볼 수있는 기능을 전달하는 방법에 대한 자세한 내용은

+0

적어도 FF 8에서는 같거나 가깝게 보입니다. –

+0

@ Jared Farrish :이 컴퓨터에서만 사용할 수있는 유일한 브라우저 인 Chrome과 IE8에서 모두 작동합니다. 감싸고, 그냥 그게 _if_ 있는지 확인합니다. 랩핑하면 마지막 단어를 얻을 수 없으므로 브라우저의 크기를 조정해야합니다. 나는 그것이 그 질문이 무엇을 말하고 있는지를 생각했다. – nnnnnn

+0

아, 사실; iframe보기가 너무 넓습니다. 그것은 FF에서 작동합니다. –

관련 문제