[SOLUCIONADO] No entiendo funcionamiento de " display:block"

[Codeacademy]

Hola a todos soy nuevo en este foro y antes de empezar muy buenas a todos,y agradecer antes a todos los que me ayudeis en esta duda que tengo desde hace tiempo.

Mi duda trata sobre para que se utiliza o que funcion cumple el " display:block "

Nesecito ayuda,intento darle vueltas para que funciona,pero nadie me la resuelve,si porfavor me ayudan,si me ponen ejemplo se los agradezco más aun,muchas gracias!.

[mauritosuarez]

Hola Codeacademy, el atributo display: block hace que se muestre el elemento al cual se lo esta asignado.

ej.

Esto se muestra en por pantalla

Código HTML:

<div style="display: block;">Esto se muestra</div>
 

Esto no se muestra por pantalla

Código HTML:

<div style="display: none;">Esto No se muestra</div>
 

Espero te sirva saludos.

[pzin]

No es para que se muestre o no. Eso es completamente falso.

Sirve para mostrar el elemento como un bloque, esto es, entre otras cosas, que ocupe todo el ancho disponible.

En cualquier manual de CSS podrías encontrar esta información.

http://librosweb.es/referencia/css/display.html

[GeekGirl]

Como bien dijo @pzin, la propiedad display: block; permite que un elemento que no lo es, se muestre como un elemento de bloque. De esta manera podemos hacer que por ejemplo un span o un link ocupe todo el ancho de la línea cuando su comportamiento natural sería no hacerlo.

Acá te dejo un poco más de información sobre los elementos de línea y de bloque: http://librosweb.es/css/capitulo_5/t...elementos.html

Saludos

[siddartha23]

Sirve para que los elementos de linea se comporten como un elemento de bloque, por ejemplo un enlace es un elemento de linea por lo que ocupará el espacio que encuentre disponible para ubicarse, ni mas ni menos, pero si le cambio el display a 'block', el mismo
enlace
ahora ocupa tooooda una línea entera como si fuera una párrafo independiente o un título...

[Linton]

Imagina que el elemento contenedor es el patio de butacas de un cine.

Bien, pues si les das a un espectador la condición display:block nadie más podrá sentarse en las butacas de su fila. Aunque él se limite a ocupar la suya, las demás butacas quedarán inutilizadas para el resto de espectadores. A los efectos el espectador de marras abarcará toda la fila.

Espero que lo entiendas así