Consejo rápido El módulo CSS3 de varias columnas

Durante más de seis años, las columnas de CSS3 han estado disponibles para nosotros; sin embargo, extrañamente, rara vez se utilizan. Debido a que actualmente solo se admiten en los navegadores basados ​​en Mozilla y Webkit, esto significa que, de nuevo, no hay soporte en Internet Explorer. ¡Pero eso está bien! El mundo no terminará si los usuarios de IE ven un párrafo más largo. Le mostraré cómo usar este útil módulo en el consejo rápido del video de hoy..


Suscríbete a nuestra página de YouTube para ver todos los videos tutoriales.!

Prefiero ver este video en Screenr?

 #container p -webkit-column-count: 3; -webkit-column-gap: 10px; -mez-columna-cuenta: 3; -moz-column-gap: 10px; recuento de columnas: 3; espacio entre columnas: 10px; 

  • recuento de columnas: El número deseado de columnas para el elemento..
  • espacio entre columnas El relleno entre cada columna..
  • columna-regla: El divisor para cada columna; se puede utilizar para especificar un borde.
  • ancho de columna: Se utiliza para indicar específicamente el ancho de cada columna.

Tenga en cuenta que debemos prefijar cada propiedad con el -webkit o -moz, en consecuencia; así: -webkit-column-count.

¿Usas columnas CSS en tus proyectos? Si no, porque no?