2012-07-18 13 views
17
.container:after { 
content: "\0020"; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
overflow:hidden;} 
Contenido

explicar qué es el efecto de "contenido: "\ 0020"; la propiedad¿Cuál es el efecto del contenido: " 0020"; ¿propiedad?

+1

Puede probarlo y ver –

+0

es simplemente un espacio en Unicode. – Christoph

+0

Explicado aquí: http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ –

Respuesta

26

\0020 inserta el punto de código Unicode U + 0020, que es un espacio Así que 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 has enviado, este contenido se hace un invisible de todos modos, no verás nada en realidad. El código es una implementación de clearfix para volver a flotar elementos en la página.

+1

Por qué decidieron tomar unicode hexadecimal y no solo entidades html es otra historia ... – Christoph

+4

@Christoph Esto es CSS, aquí no se pueden usar entidades HTML. E incluso en HTML, en general * no * debe usar entidades HTML (excepto '<', '>' y '&', por supuesto) pero caracteres Unicode (pero, por supuesto, esto no siempre es práctico al ingresar caracteres que no se encuentran en su teclado …). –

+0

1) Lo sé 2) Lo sé y, por supuesto, esto se puede decir hoy en día, pero hubo un momento en que el uso de la codificación utf no era el estándar de facto ... – Christoph

2

Eso agrega un carácter de espacio para despejar 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 hexágono espacio único es de 20, por lo que usaría \ 0020

+2

"Para una composición tipográfica de alta calidad, se recomienda ..." - qué. ¿Por qué? –

Cuestiones relacionadas