¿En qué circunstancias debo usar display: block;

jorge llanque

jorge llanque

Pregunta
studenthace 5 años

¿En qué circunstancias debo usar display: block;

6 respuestas
para escribir tu comentario
    Yair Lira

    Yair Lira

    studenthace 5 años

    Yo lo usaría para elementos más geneeales, que no necesitan tanta manipulación. Como en el header, main y footer.

    Yair Lira

    Yair Lira

    studenthace 5 años

    Te acuerdas en el sidebar, o aside? Es como el menú lateral. Cuando hago el menu necesito que se acomoden las opciones verticalmente y se comporten como caja. La diferencia es cuando hago un menu en el header, ahi si necesito que se acomoden horizontalmente, usaría inline-block

    Jorge Cruz Perez

    Jorge Cruz Perez

    studenthace 5 años

    Depende de tu diseño mas que nada, pero espera a conocer display grid y te resolvera la vida, gracias grid

    Jose Eduardo Tirado Verbel

    Jose Eduardo Tirado Verbel

    studenthace 5 años

    De igual forma cuando necesitemos que por defecto ocupe todo el ancho de la pantalla, en el caso de inline-block, seran los hermanos del elemento y el elemento en conjunto los que ocuparan el ancho total.

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola Jorge,

    Todo depende del tipo de diseño que quieras lograr. Recuerda

    display:block
    ubica los elementos uno debajo del otro, sin importar si tiene mucho o poco contenido. Te dejo la imagen que dejo un compañero en los aportes para que tengas una mejor idea de como y donde usarlo:

    David A

    David A

    studenthace 5 años

    display: block, Es la visualización y es importante cuando definimos que un elemento se comporte como una caja, en la cual le especifiquemos atributos visuales y de tamaño. Puedes revisar información mas detallada en: https://developer.mozilla.org/es/docs/Web/CSS/display

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.