Resolva o problema de quebra de linha na visualização de rolagem do miniaplicativo WeChat

Hoje usei a visualização de rolagem ao escrever um programa pequeno, mas descobri que uma linha de texto na visualização de rolagem não pode ser quebrada.

 <scroll-view estilo scroll-y=largura:100rpx;altura:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>

Descobri que uma grande seção do inglês na visualização de rolagem é exibida apenas em uma linha e a parte além da largura não pode ser ocultada.

Depois de pesquisar na Internet o problema de que o texto da visualização de rolagem do miniprograma não pode ser quebrado, descobri que o componente do miniprograma tem um espaço em branco de estilo padrão: nowrap , que não é quebrado por padrão, então adicionei espaço em branco; : normal !important; para substituir seu estilo padrão, mas o tiro saiu pela culatra. Depois de adicioná-lo, ainda não funcionou, então procurei por quebras de linha de texto e descobri que Word-break: break-all geralmente é adicionado à linha de texto; quebras Depois de adicioná-lo, descobri que era realmente isso.

Como não sou um front-end profissional (estou tentando me tornar um engenheiro de front-end qualificado), dei uma olhada especial no uso da quebra de palavras. Aqui estão alguns dos meus entendimentos. Se houver algum erro, por favor. me corrija.

Sintaxe: quebra de palavra: normal |

normal: De acordo com as regras de texto dos idiomas asiáticos e não asiáticos, as quebras de linha são permitidas nas palavras. O exemplo que escrevi acima não possui quebras de linha porque o inglês usa espaços para determinar se deve quebrar as linhas. é uma longa sequência de caracteres ingleses sem espaços, portanto, não há quebra de linha. Se você adicionar um espaço no meio, a quebra de linha será realizada no espaço. caractere pode ser usado como uma marca de quebra de linha.

break-all: Este comportamento é igual ao normal para idiomas asiáticos. Também são permitidas quebras em qualquer palavra de uma linha de texto em idioma não asiático. Este valor é adequado para texto asiático que contém algum texto não asiático. Este valor julgará um único caractere inglês como um indivíduo independente e cada caractere inglês pode ser usado como uma representação de quebra de linha.

keep-all : igual ao normal para todos os idiomas não asiáticos. Para chinês, coreano e japonês, quebras de palavras não são permitidas. Bom para texto não asiático que contém uma pequena quantidade de texto asiático

O texto acima é o que o editor apresenta a você para resolver o problema de quebra de linha de visualização de rolagem do miniaplicativo WeChat. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá. a tempo!