한 단어를 다음 줄로 옮깁니다.

Question

응답 성있는 웹 페이지가 있습니다. 한 줄의 단어를 줄 끝에서 다음 줄로 자동 이동할 수 있습니까?

예 :

사진이
천 개 단어 가치가있다. 대신

:

그림은
천 단어 가치가있다.

Answer 1

가능합니다. 이를 수행하는 한 가지 방법은 textContent.replace(/(\S) /g, "$1\n")이고 CSS 속성은 white-space: pre-line입니다. \w은 JavaScript의 자연어 문자에 대한 적절한 일치 프로그램이 아니며 ASCII 영숫자 문자와 만 일치합니다.

또한 textContent.replace(/(\S) /g, "$1\xa0")

Answer 2

바보하지만 작품이 아닌 부서지기 쉬운 공간이 그들과 다음 단어 사이의 공백을 대체하여 한 글자 단어 이후에 발생하는 행 구분을 방지 할 수있다. 그냥 당신이 한 문자 단어가있는 경우 라인 내용을 확인해야합니다 귀하의 요구

function removeSingleCharLineBreak(){ 
var words = ['a', 'i', 's', 'z', 'v', 'k', 'o', 'u', 
    'A', 'I', 'S', 'Z', 'V', 'K', 'O', 'U', '€', 
    'na', 'za', 'do', 'Na', 'Za', 'Do', 
    ]; 

var elements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'td', 'td']; 

$.each(words, function(index, word){ 

    var regex = new RegExp(" " + word + " ", "g"); 

    $.each(elements, function(index, element){ 

     $(element + ':contains(' + word + ')').each(function(){ 

      if (word == '€') 
      { 
       $(this).html(
        $(this).html().replace(regex, ' ' + word + ' ') 
       );  
      } 
      else 
      { 
       $(this).html(
        $(this).html().replace(regex, ' ' + word + ' ') 
       );      
      } 

     }); 

    }); 

}); 

}