Espacio no roto en una cadena HTML

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