2013-05-18 1 views
9

공백을 보존하기 위해 jquery text()를 얻으려면 어떻게해야합니까? 사실 사이의 공백으로 표시 할 jquery. 공백/공백을 유지하기 위해 text() 가져 오기

$("#ele").text("a  a"); 

를 원한다.

문제를 설명하기 위해 jsfiddle을 만들었습니다. 이 텍스트는() 할 수 있어야한다 보인다

http://jsfiddle.net/ZX4x9/

.html 중에서() 작동하지만 내가 먼저 (<> "등) 다른 요소 변환을해야 할 것이다. 그리고 .이

+2

원본을 보면 실제로 많은 공백을 삽입하는 것을 볼 수 있습니다. 그러나 브라우저는 여러 개의 연속 된 공백을 하나의 공백으로 축소합니다. –

+1

'text ("a".replace (//g, '\ xA0'))'는 귀하의 경우에 적합합니까? – raina77ow

답변

15

문제는 .text()하지 당신이 연속 및 기타 부유 공간이 표시하려는 경우, 당신은 당신의 <li> 초 동안 white-space: pre를 사용할 수 있습니다.

ul li { 
    white-space: pre; 
} 

01을 참조하십시오

+0

굉장! 네가 할 수 있을지 전혀 몰랐어. – user984003