공백이 있어도 텍스트 영역에 붙여 넣은 텍스트가 오버플로됩니다.

Question

누군가가 수동으로 텍스트 영역에 입력하면 줄 바꿈은 내가 원하는 위치에서 발생합니다. 그러나 누군가 다른 곳에서 텍스트의 벽을 붙여 넣으면 줄 바꿈이 발생하지 않으며 autoscroll이 블로그 제목 입력란에 엉뚱한 가로 스크롤 막대가있는 멋진 블로그를 남깁니다.

Blog 여기에서 내가 말하고자하는 것을 볼 수 있습니다 (시도하려는 경우 페이지 하단의 항목 게시 링크). 당신의 도움에 미리

덕분에

Answer 1

블로그 게시물은 현재 <pre> 태그에 싸여있다. pre 태그의 요점은 줄 바꿈과 공백을 보존한다는 것입니다. 이것은 아마도 당신이이 상황에 원하는 것이 아닙니다.

사전 태그를 div로 변경하면 문제가 해결됩니다.

Answer 2

공백 추가 시도 : 일반;

.blog-content { 
    font-family: monospace; 
    font-size: 12px; 
    overflow: auto; 
    white-space: normal; 
} 

Answer 3

그냥 .blog-content의 폭을 지정한 다음 word-wrap: normal;를 사용합니다.

.blog-content { 
    font-family:monospace; 
    font-size:12px; 
    overflow:auto; 
    width: 100%; 
    word-wrap: normal; 
}