es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo alinear a la izquierda las columnas en CSS?

He visto lo siguiente suceder en mediawiki:

enter image description here

Las propiedades que se encuentran en las herramientas de desarrollo F12 son:

div style

--webkit-columns: 22em 3;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
direction: ltr;
word-wrap: break-word;

ul li style

break-inside: avoid; 
list-style: square;
text-align: -webkit-match-parent;
direction: ltr;
word-wrap: break-word;

A medida que aumenta el número de columnas, la lista de la parte inferior se centra. ¿Cómo puedo ordenarla como a, c, d y b a la izquierda?

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para ordenar la lista como “a, c, d” a la izquierda y “b” a la derecha, puedes añadir las siguientes propiedades CSS a la sección “ul li style”:

    ul li:nth-child(2) {
      margin-left: auto;
    }
    

    Esto hará que el segundo elemento de la lista (que contiene “b”) tenga un margen izquierdo automático, lo que lo empujará hacia el lado derecho de la columna. Los otros elementos de la lista se mantendrán en el lado izquierdo como están.

Comments are closed.