Como fazer uma quebra de linha em Javascript

| | | |

Quebras de linha podem ser adicionadas a elementos HTML sem ter que usar um retorno de quebra de
usando pseudo-elementos. Pseudo-elementos são usados para modelar uma parte específica de um elemento. Aqui usaremos:: after para estilizar um elemento HTML para adicionar uma quebra de linha.


No código acima, usamos o pseudo-elemento :: after em cada elemento embutido (representado pelo intervalo) para adicionar um retorno de carro (representado por "a") após a linha do intervalo de texto. O :: after neste caso tem uma propriedade content e uma propriedade whitespace disponível para uso.

A propriedade "content" descreve as coisas que queremos injetar na duração. A propriedade de espaço em branco nos diz se devemos preservar o espaço em branco. Deixar essa propriedade específica desabilitada não interfere no recurso de travamento em linha do compartimento. Portanto, precisamos adicionar essa propriedade específica para substituí-la.

À medida que você joga cada vez mais com estilo e layout, provavelmente descobrirá que a solução acima não é necessariamente a melhor solução. Se você adicionar preenchimento de qualquer tipo junto com o plano de fundo, verá que essas propriedades CSS tendem a desaparecer onde o plano de fundo entra. Veja o código de exemplo abaixo que ilustra o ponto:

Professor Dumbledore

Professor McGonagall

Professor Rogue

professor Trelawney

Tem outras soluções que dão resultados semelhantes a este - onde o plano de fundo começa na linha anterior e, em seguida, executa um retorno de carro com o texto de plano de fundo correto na próxima linha. Lembro-me da propriedade CSS box decoration break: clone que pode ser adicionada à classe span acima para obter um resultado semelhante, mas não nos dá o resultado que queremos.

usando elementos no bloqueio como

ou

Esperamos que este artigo tenha ajudado você a resolver o problema. Além de Como fazer uma quebra de linha em Javascript, confira outros tópicos relacionados a __del__.

Quer se destacar em Python? Veja nossa análise dosmelhores cursos on-line de Python 2022. Se você estiver interessado em Ciência de Dados, veja também como aprender programação em R.

A propósito, este material também está disponível em outros idiomas:



Manuel Danburry

London | 2022-11-28

Eu estava me preparando para minha entrevista de codificação, obrigado por esclarecer isto - Como fazer uma quebra de linha em Javascript em Python não é o mais simples. Verificado ontem, funciona!

Carlo Gonzalez

Moscow | 2022-11-28

sin está tudo um pouco confuso 😭 Como fazer uma quebra de linha em Javascript não é o único problema que eu encontrei. Verificado ontem, funciona!

Oliver Sikorski

New York | 2022-11-28

Obrigado por explicar! Eu fiquei preso com Como fazer uma quebra de linha em Javascript por algumas horas, finalmente consegui fazer isso 🤗. Só não tenho certeza se é o melhor método

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

Common xlabel/ylabel for matplotlib subplots

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

12 answers

NUMPYNUMPY

Flake8: Ignore specific warning for entire file

12 answers

NUMPYNUMPY

glob exclude pattern

12 answers

NUMPYNUMPY

How to avoid HTTP error 429 (Too Many Requests) python

12 answers

NUMPYNUMPY

Python CSV error: line contains NULL byte

12 answers

NUMPYNUMPY

csv.Error: iterator should return strings, not bytes

12 answers


Wiki

Python | How to copy data from one Excel sheet to another

Common xlabel/ylabel for matplotlib subplots

Check if one list is a subset of another in Python

sin

How to specify multiple return types using type-hints

exp

Printing words vertically in Python

exp

Python Extract words from a given string

Cyclic redundancy check in Python

Finding mean, median, mode in Python without libraries

cos

Python add suffix / add prefix to strings in a list

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

Python - Move item to the end of the list

Python - Print list vertically