English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Insertar múltiples espacios en una página web es una práctica común en HTML, hay muchas formas de lograr que HTML muestre espacios, a continuación, se presentan uno por uno.
:Un espacio en blanco de un carácter en ancho medio sin salto de línea, si se necesita insertar múltiples espacios en una página web, se puede escribir el código " " varias veces (Métodos comunes);
:Un espacio en blanco de un carácter en ancho medio, también se puede escribir " " varias veces para insertar varios espacios;
:Un espacio en blanco de dos caracteres en ancho completo, también se puede escribir " " varias veces para insertar más espacios;
:Un espacio en blanco menor de un carácter; Nota: Recuerda que el punto y coma después de la palabra no puede omitirse, también es parte del código HTML.
!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>Cómo insertar múltiples espacios en una página web-教程(básico3codebox.com)</title></head> body> <p>espacio html espacio guía básica (oldtoolbag.com)</p> <p>espacio html espacio guía básica (oldtoolbag.com)</p> <p>espacio html espacio guía básica (oldtoolbag.com)</p> <p>espacio html espacio guía básica (oldtoolbag.com)</p> </body> </html>prueba para ver ‹/›
el efecto después de ejecutarse es el siguiente:
¿Por qué usamos el código de espacio html? ¿Por qué no presionar directamente varios espacios en el teclado? Cuando realmente operes, te darás cuenta: en el caso predeterminado, sin importar cuántos espacios toque en el código fuente html, solo se mostrará un espacio en el navegador. Por lo tanto, necesitamos usar el código de espacio html para lograr el efecto de múltiples espacios en la página web.
¿Por qué se dice que en el caso predeterminado? En realidad, también podemos usar "white-la propiedad "space" para lograr el efecto de múltiples espacios. Es decir, cambiar "white-la propiedad "space" se establece en "pre", después de lo cual, el navegador conservará los espacios y saltos de línea del código fuente html. Ahora, cuando toque varios espacios en el código fuente, el navegador mostrará varios espacios al ejecutarse.
Nota: Generalmente, en el desarrollo web, se utiliza el código de símbolo de espacio html para lograr el efecto de múltiples espacios.
símbolo | representa |
---|---|
espacio inglés de ancho medio | |
espacio inglés de ancho medio, sin salto de línea | |
espacio chino de ancho completo (un ancho chino) | |
espacio de ancho medio (medio ancho chino, no afectado por la fuente) | |
espacio de ancho completo (un ancho chino, no afectado por la fuente) | |
espacio de cuartos de ancho completo (cuartos de ancho chino) | |
espacio común | |
en comparación con el espacio común, el espacio sin interrupción, producido al presionar la tecla space, no se acumula |
es una unidad de medida tipográfica, equivalente al punto especificado actual. Por ejemplo,1 em en16px en el tipo de letra es16px.
es una unidad de medida tipográfica, equivalente a la mitad del ancho de un em. Según su definición, es equivalente a la mitad del ancho de la fuente (como16px8es el ancho de la letra minúscula n. En el tipo de letra px es
pose ininterrumpido (non-La característica (breaking) se refiere a: }}
Los nbsp continuos se mostrarán en la misma línea. Es decir, si hay innumerables nbsp continuos, el navegador no los dividirá en dos líneas.