Pregunta ¿Cuál es el efecto del contenido: "\ 0020"; ¿propiedad?


.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
 Contenido

Por favor explique cuál es el efecto del "contenido:" \ 0020 "; propiedad?


17
2017-07-18 11:52


origen


Respuestas:


\0020 inserta el punto de código Unicode U + 0020, que es un espacio. Entonces el código es equivalente a content: ' ';.

content: x reemplaza el contenido (= el texto mostrado) con el valor x.

Sin embargo, en el fragmento que ha publicado, este contenido se vuelve invisible de todos modos, por lo que no verá nada. El código es un clearfix implementación para volver a flotar elementos en la página.


26
2017-07-18 11:55



Eso agrega un carácter de espacio para limpiar carrozas. Google clearfix y verá cosas similares.

Referencia: La propiedad del contenido puede contener: cadenas de texto, URI de recursos externos (una imagen, por ejemplo) y caracteres especiales del código ASCII. Para la composición tipográfica de alta calidad, se recomienda utilizar caracteres ISO 10646 y codificarlos en su representación HEX.

Un único espacio HEX es 20, por lo que usaría \ 0020


2
2017-07-18 11:57