> Faqs > Cómo puedo hace listas de elementos en varias columnas?

Cómo puedo hace listas de elementos en varias columnas?

Tengo una lista de elementos <li>. Resulta que quiero hacer que estos elementos se muestren en varias columnas. Es eso posible?

Me explico. En lugar de uno debajo de otro en una sola columna, quiero que salgan en dos o más columnas distintas. Lo he visto hacer en algunas parte anteriormente, pero no se si se tienen que utilizar dos listas distintas o si hay algún atributo de la lista que sirva para indicar que se muestre en varias columnas.

Respuestas

Eso que nos comentas es una facilidad que te puede ofrecer CSS. Con una simple declaración de estilos css de la lista (tanto etiqueta <ul> como <li>) puedes definir el espacio de cada elemento y si quieres que se organicen en columas o no.

No hay una manera específica de decirle que utilice 3 columnas, por ejemplo, sino que lo que puedes definir es el espacio que debe ocupar cualquier elemento de la lista y que se tienen que situar uno al lado del otro, mientras quepan en la fila.

Bueno, lo tenemos comentado en un par de artículos, por lo que lo mejor es que lo leas directamente allí, porque está mucho mejor explicado.

Generar Columnas con CSS de una lista sin tablas.

Maquetar listas con CSS

Miguel Angel
3090 138 206 17