Espacio no roto en una cadena HTML

En la fase de formateo de una página web o sitio web, existen algunas funcionalidades o elementos incluidos, como algunos textos, imágenes, videos, tablas, etc. específicos que no necesitan dividirse o espaciar entre dos líneas. En tal caso, colocar un espacio no roto en una cadena HTML es muy útil para evitar que el texto proceda a una nueva línea/página.

Este artículo explicará el funcionamiento de varias entidades para agregar un espacio no roto en una cadena HTML.

Cómo agregar un espacio no roto en una cadena HTML?

Se puede agregar un espacio no roto a una cadena HTML aplicando los siguientes enfoques:

• "&ENSP" y "&EMSP"Entidades
• "" y "& thinsp"Entidades
• " " Entidad

Ejemplo 1: Agregue un espacio no roto en una cadena HTML utilizando las entidades & Ensp & & EMSP

El "& ENSP"La entidad se usa para colocar"dos"Espacios en blanco en una cadena HTML. El "& EMSP"La entidad coloca un espacio más amplio que comprende"cuatro"Espacios en blanco en una cadena HTML. Estas entidades se aplicarán por separado en dos cadenas HTML diferentes en el siguiente ejemplo.

Sitio web

Página web

En el ejemplo anterior, especifique los siguientes encabezados dentro del ""Etiqueta adjunta con un"el ratón por encima"Evento invoca la función Nonbreak ()

Pase a la parte JavaScript del código:

En el código JS anterior,

• Declarar la función llamada "Nazbreak ()".
• En su definición, acceda a los encabezados especificados utilizando el "documento.QuerySelector ()" método.
• Después de eso, aplique el "& ENSP"Entidad para romper la cadena de tal manera que exactamente"2"Los espacios en blanco se colocan en la posición de la entidad especificada.
• Del mismo modo, aplique el "& EMSP" entidad. Esta entidad en la posición especificada se aplicará "4"Espacios en blanco en otra cadena.

Producción

Ejemplo 2: Agregue un espacio no roto en una cadena HTML utilizando las entidades y thinsp

El ""La entidad se puede aplicar para colocar un solo espacio en blanco y el"& thinsp"La entidad también coloca un solo espacio en blanco, pero es relativamente delgado. En el siguiente ejemplo, estas entidades se aplicarán en dos cuerdas diferentes.

Pitón

Javascript

En primer lugar, repita los enfoques discutidos anteriormente para incluir los encabezados especificados que tienen un adjunto "el ratón por encima"Redirección de eventos a la función Nonbreak ()

Siga la parte de JavaScript a continuación del código:

función nonbreak ()
elemento var = documento.QuerySelector ('#elemento');
var elemento1 = documento.QuerySelector ('#element1');
elemento.innerhtml = 'py thon';
elemento1.innerhtml = 'script java';

En el código JS anterior:

• Defina la función llamada "Nazbreak ()".
• Aquí, de manera similar, acceda a los encabezados especificados antes de usar el "documento.QuerySelector ()" método.
• Ahora, aplique el ""Entidad para aplicar un solo espacio no roto en la posición particular entre el valor de la cadena y mostrar este valor actualizado en el modelo de objeto de documento (DOM) utilizando el"intextoPropiedad reemplazando el mismo valor especificado sin ningún espacio.
• Del mismo modo, aplique el "& thinsp"Entidad a otra cadena. Esto dará como resultado colocar un espacio en blanco individual relativamente más delgado en el medio y mostrarlo en el DOM como se discutió en el paso anterior

Producción

Ejemplo 3: Agregue un espacio no roto en una cadena HTML usando la entidad  

El " "Es una entidad numérica que también coloca un solo espacio en blanco. Esta entidad se aplicará en el ejemplo dado a continuación para separar el valor de la cadena en dos mitades.

Siga el código de código a continuación:

Javascript

Haga clic para agregar espacio no roto>/botón>
función nonbreak ()
elemento var = documento.QuerySelector ('#elemento');
elemento.innerhtml = 'script java';

• Primero, incluya el siguiente encabezado con el especificado "identificación"Para colocar los espacios que no rompen en él.
• Después de eso, cree un botón y adjunte un "al hacer clic"Evento para invocar la función Nonbreak ().
• En el código JS, declare una función llamada "Nazbreak ()". En su definición, acceda al encabezado especificado por su "identificación"Usando el" Documentir.QuerySelector ()" método.
• Finalmente, aplique la entidad numérica " "Dos veces, lo que dará como resultado colocar dos espacios en blanco entre la cadena. El "intexto"La propiedad transformará la cadena HTML especificada en el DOM en consecuencia en el botón Haga clic.

Producción

Este artículo demostró varias entidades que pueden colocar un espacio no roto en una cadena HTML.

Conclusión

El "& ENSP" y "& EMSP"Entidades, la"" y "& thinsp"Entidades, o la" La entidad numérica se puede utilizar para colocar espacio no roto en una cadena HTML. Las entidades & Ensp y EMSP se pueden aplicar para colocar "2" y "4"Espacios en blanco en una cadena HTML respectivamente. Las entidades y y thinsp se pueden implementar para colocar un solo espacio en blanco y un espacio en blanco relativamente más delgado respectivamente. La entidad numérica   también se puede usar para colocar un solo espacio en blanco. Este blog explicó la implementación de varias entidades para aplicar espacio no roto en una cadena HTML.