Espaço sem quebra em uma string html

Na fase de formatar uma página ou site da web, existem algumas funcionalidades ou elementos incluídos, como algum texto, imagens, vídeos, tabelas, etc. que não precisam ser divididos ou espaçados entre duas linhas. Nesse caso, colocar um espaço sem quebra em uma string html é muito útil para impedir que o texto prossiga para uma nova linha/página.

Este artigo explicará o funcionamento de várias entidades para adicionar um espaço sem quebra em uma string html.

Como adicionar um espaço sem quebra em uma string html?

Um espaço sem quebra pode ser adicionado a uma sequência HTML aplicando as seguintes abordagens:

• “&eg" e "&EMSP" Entidades
• ““" e "& Thinsp" Entidades
• ““ Entidade

Exemplo 1: Adicione um espaço não quebra

O "& eg"Entidade é usada para colocar"dois”Espaços em branco em uma string html. O "& EMSP”Entidade coloca um espaço mais amplo compreendendo“quatro”Espaços em branco em uma string html. Essas entidades serão aplicadas separadamente em duas strings HTML diferentes no exemplo abaixo.

Local na rede Internet

Página da Internet

No exemplo acima, especifique os seguintes títulos dentro do “”Tag anexado com uma“OnMouseOverEvento invocando a função não quebra ()

Passe para a parte JavaScript do Código:

No código JS acima,

• Declare a função chamada “não quebra ()”.
• Em sua definição, acesse os títulos especificados usando o “documento.QuerySelector ()”Método.
• Depois disso, aplique o “& eg”Entidade para quebrar a string de tal maneira que exatamente“2Os espaços em branco são colocados na posição da entidade especificada.
• Da mesma forma, aplique o “& EMSPEntidade. Esta entidade na posição especificada se aplicará “4”Espaços em branco em outra corda.

Saída

Exemplo 2: Adicione um espaço sem quebra em uma string html usando as entidades e thinsp

O "”A entidade pode ser aplicada para colocar um único espaço em branco e o“& ThinspEntidade também coloca um único espaço em branco, mas é relativamente fino. No exemplo seguinte, essas entidades serão aplicadas em duas seqüências diferentes.

Pitão

JavaScript

Em primeiro lugar, repita as abordagens discutidas acima para incluir os títulos especificados com um anexo “OnMouseOver”Evento redirecionando para a função não quebra ()

Siga a parte abaixo JavaScript do código:

function nonbreak ()
var elemento = documento.QuerySelector ('#elemento');
var element1 = documento.QuerySelector ('#Element1');
elemento.innerhtml = 'py thon';
Element1.inerhtml = 'Java Script';

No código JS acima:

• Defina a função chamada “não quebra ()”.
• Aqui, da mesma forma, acesse os títulos especificados antes de usar o “documento.QuerySelector ()”Método.
• Agora, aplique o “”Entidade para aplicar um único espaço sem quebra na posição específica entre o valor da string e exibir esse valor atualizado no modelo de objeto de documento (DOM) usando o“InnerText”Propriedade substituindo o mesmo valor especificado sem nenhum espaço.
• Da mesma forma, aplique o “& Thinsp”Entidade para outra string. Isso resultará na colocação de um espaço em branco relativamente mais fino e exibindo -o no DOM, conforme discutido na etapa anterior

Saída

Exemplo 3: Adicione um espaço sem quebra em uma string html usando a entidade  

O " ”É uma entidade numérica que também coloca um único espaço em branco. Esta entidade será aplicada no exemplo abaixo para separar o valor da string em duas metades.

Siga o snippet de código abaixo:

JavaScript

Clique para adicionar espaço sem quebra>/botão>
function nonbreak ()
var elemento = documento.QuerySelector ('#elemento');
elemento.inerhtml = 'Java Script';

• Primeiro, inclua o título seguinte com o especificado “eu ia”Para colocar os espaços que não são de quebra.
• Depois disso, crie um botão e anexe um “ONCLICK”Evento para invocar a função não quebra ().
• No código JS, declare uma função chamada “não quebra ()”. Em sua definição, acesse o título especificado por seu “eu ia”Usando o“ document.QuerySelector ()”Método.
• Finalmente, aplique a entidade numérica “ ”Duas vezes que resultarão na colocação de dois espaços em branco entre a corda. O "InnerText”A propriedade transformará a sequência HTML especificada no DOM de acordo com o botão Clique.

Saída

Este artigo demonstrou várias entidades que podem colocar um espaço sem quebra em uma string html.

Conclusão

O "& eg" e "& EMSP”Entidades, as“" e "& ThinspEntidades, ou as “ ”A entidade numérica pode ser utilizada para colocar espaço sem quebra em uma string html. As entidades & eg esp e & Emsp podem ser aplicadas para colocar “2" e "4”Espaços em branco em uma string html, respectivamente. As entidades e Thinsp podem ser implementadas para colocar um único espaço em branco e um espaço em branco comparativamente mais fino, respectivamente. A entidade numérica "#160 pode ser usada para colocar um único espaço em branco também. Este blog explicou a implementação de várias entidades para aplicar espaço sem quebra em uma string html.