오늘은 작은 프로그램을 작성할 때 스크롤 뷰를 사용했는데 스크롤 뷰의 텍스트 줄을 줄바꿈할 수 없다는 것을 발견했습니다. 코드는 다음과 같습니다.
<scroll-view 스크롤-y 스타일=너비:100rpx;높이:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>
스크롤뷰에서 영어의 큰 부분이 한 줄로만 표시되고, 너비를 넘는 부분은 숨길 수 없다는 것을 알았습니다.
해결하다미니 프로그램 스크롤 뷰 텍스트가 줄바꿈할 수 없는 문제를 인터넷에서 검색한 결과, 미니 프로그램 구성 요소에 기본 스타일로 줄바꿈되지 않는 공백이 있음을 발견하여 공백을 추가했습니다. : Normal !important; 기본 스타일을 재정의했지만 역효과를 냈습니다. 추가한 후에도 여전히 작동하지 않아서 텍스트 줄 바꿈을 검색한 결과 word-break: break-all; 추가하고 보니 정말 그렇더군요.
단어 나누기저는 전문적인 프론트엔드가 아니기 때문에(저는 자격을 갖춘 프론트엔드 엔지니어가 되려고 노력하고 있습니다) 단어 나누기의 사용법을 특별히 살펴보았습니다. 혹시라도 실수가 있으면 양해해 주시기 바랍니다. 정정해줘.
매개변수:구문: word-break: 일반 | 모두 유지 |
일반: 아시아 언어와 비아시아 언어의 텍스트 규칙에 따라 단어 내에서는 줄 바꿈이 허용됩니다. 위에서 작성한 예에서는 영어가 줄 바꿈 여부를 결정하기 위해 공백을 사용하기 때문에 줄 바꿈이 없습니다. 공백이 없는 긴 영어 문자열이므로 줄 바꿈이 없습니다. 중간에 공백을 추가하면 공백에서 줄 바꿈이 수행됩니다. 중국어에서는 각 한자가 독립적인 개체입니다. 문자는 줄바꿈 표시로 사용될 수 있습니다.
break-all: 이 동작은 아시아 언어의 일반적인 동작과 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다. 이 값은 단일 영어 문자를 독립적인 개별 문자로 판단하며 각 영어 문자는 줄 바꿈 표현으로 사용될 수 있습니다.
keep-all : 모든 비아시아 언어의 경우와 동일합니다. 중국어, 한국어, 일본어의 경우 단어 구분이 허용되지 않습니다. 소량의 아시아 텍스트가 포함된 비아시아 텍스트에 적합합니다.
요약위챗 애플릿의 스크롤뷰 줄바꿈 문제를 해결하기 위해 에디터가 소개하는 내용입니다. 궁금한 사항이 있으시면 메시지를 남겨주시면 에디터가 답변해 드리겠습니다. 시간에!