Spazio non di rottura in una stringa HTML

Nella fase di formattazione di una pagina web o di un sito Web, ci sono alcune funzionalità o elementi inclusi come alcuni testi, immagini, video, tabelle, ecc. In tal caso, il posizionamento di uno spazio non di rottura in una stringa HTML è molto utile per impedire al testo di procedere a una nuova riga/pagina.

Questo articolo spiegherà il funzionamento di varie entità per aggiungere uno spazio non di rottura in una stringa HTML.

Come aggiungere uno spazio non di rottura in una stringa HTML?

Uno spazio non di rottura può essere aggiunto a una stringa HTML applicando i seguenti approcci:

• “&insp" E "&EMSP" Entità
• "" E "& Thinsp" Entità
• " "Entità

Esempio 1: Aggiungi uno spazio non di rottura in una stringa HTML utilizzando le entità e EMSP EMSP

IL "& Ensp"L'entità viene utilizzata per posizionare"due"Spazi vuoti in una stringa HTML. IL "& EMSP"L'entità colloca uno spazio più ampio comprendente"quattro"Spazi vuoti in una stringa HTML. Queste entità saranno applicate separatamente su due diverse stringhe HTML nell'esempio seguente.

Sito web

Pagina web

Nell'esempio di cui sopra, specificare i seguenti titoli all'interno del ""Tag collegato con un"onmouseover"Evento che invoca la funzione non -break ()

Passa alla parte JavaScript del codice:

Nel codice JS sopra,

• Dichiarare la funzione denominata "non -break ()".
• Nella sua definizione, accedi alle intestazioni specificate usando il "documento.QuerySelector ()" metodo.
• Dopodiché, applica il "& Ensp"Entità per rompere la stringa in modo tale che esattamente"2"Gli spazi vuoti vengono posizionati nella posizione dell'entità specificata.
• Allo stesso modo, applica il "& EMSP"Entità. Questa entità nella posizione specificata si applicherà "4"Spazi vuoti in un'altra stringa.

Produzione

Esempio 2: Aggiungi uno spazio non di rottura in una stringa HTML usando le entità e & Thinsp

IL ""L'entità può essere applicata per posizionare un unico spazio vuoto e il"& Thinsp"L'entità pone anche un singolo spazio vuoto, ma è relativamente sottile. Nell'esempio seguente, queste entità verranno applicate su due stringhe diverse.

Pitone

JavaScript

In primo luogo, ripeti gli approcci sopra disclusivi per includere le intestazioni specificate con un allegato "onmouseover"Reindirizzamento degli eventi alla funzione non break ()

Segui la parte JavaScript seguente del codice:

function non break ()
var element = document.QuerySelector ('#element');
var element1 = documento.QuerySelector ('#element1');
elemento.InnerHtml = 'py thon';
elemento1.InnerHtml = 'Java Script';

Nel codice JS sopra:

• Definire la funzione denominata "non -break ()".
• Qui, allo stesso modo, accedi alle intestazioni specificate prima di usare "documento.QuerySelector ()" metodo.
• Ora, applica il ""Entità per applicare un singolo spazio non di rottura nella posizione particolare tra il valore della stringa e visualizzare questo valore aggiornato sul modello di oggetti documenti (DOM) utilizzando il"testo interno"Proprietà sostituendo lo stesso valore specificato senza spazio.
• Allo stesso modo, applica il "& Thinsp"Entità a un'altra stringa. Ciò comporterà il posizionamento di uno spazio vuoto singolo relativamente più sottile in mezzo e la visualizzazione sul DOM come discusso nel passaggio precedente

Produzione

Esempio 3: Aggiungi uno spazio non di rottura in una stringa HTML utilizzando l'entità  

IL " "È un'entità numerica che pone anche un singolo spazio vuoto. Questa entità verrà applicata nell'esempio seguente per separare il valore della stringa in due metà.

Segui il code-snippet di seguito:

JavaScript

Fare clic per aggiungere spazio non rottura>/pulsante>
function non break ()
var element = document.QuerySelector ('#element');
elemento.InnerHtml = 'Java Script';

• Innanzitutto, includi la seguente intestazione con il specificato "id"Per posizionare gli spazi non di rottura.
• Dopodiché, crea un pulsante e allega un "al clic"Evento che invoca la funzione non -break ().
• Nel codice JS, dichiarare una funzione denominata "non -break ()". Nella sua definizione, accedi all'intestazione specificata dal suo "id"Usando il" document.QuerySelector ()" metodo.
• Infine, applica l'entità numerica " "Due volte, il che si tradurrà nel posizionare due spazi vuoti tra la stringa. IL "testo interno"La proprietà trasformerà la stringa HTML specificata sul DOM di conseguenza al clic del pulsante.

Produzione

Questo articolo ha dimostrato varie entità che possono collocare uno spazio non di rottura in una stringa HTML.

Conclusione

IL "& Ensp" E "& EMSP"Entità, il"" E "& Thinsp"Entità o il" "L'entità numerica può essere utilizzata per posizionare lo spazio non di rottura in una stringa HTML. Le entità e EMSP e EMSP possono essere applicate su Place "2" E "4"Spazi vuoti in una stringa HTML rispettivamente. Le entità e & Thinsp possono essere implementate per posizionare rispettivamente un singolo spazio vuoto e uno spazio vuoto relativamente più sottile. L'entità numerica   può essere utilizzata anche per posizionare un singolo spazio vuoto. Questo blog ha spiegato l'implementazione di varie entità per applicare spazio non di rottura in una stringa HTML.