La plantilla {{div col}} (abreviatura de columnas de división) formatea una lista en columnas que se ajustan a múltiples resoluciones de pantalla de manera responsiva. Divide automáticamente el espacio disponible en la pantalla en partes iguales, lo que significa, por ejemplo, que no es necesario adivinar cuántas columnas usar y luego calcular los puntos divisorios, por ejemplo, el punto medio para dividir la lista en dos. columnas, o los puntos de un tercio y dos tercios para dividir la lista en tres columnas. Para evitar que se rompa una sección de una lista, se puede utilizar la plantilla {{ No col break }} .
{{ div col }} <!-- el ancho predeterminado es 30em --> * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
Hay seis parámetros para esta plantilla:
|colwidth=
colwidth=20em
.|rules=yes
yes
.|gap=
gap=2em
. El espaciado predeterminado (establecido por el navegador) es 1em.|class=
|style=
|small=yes
|content=
{{ div col | colwidth = 10em }} <!-- ancho de columna de 10em --> * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
{{ div col | ancho de columna = 10em | reglas = yes }} <!-- ancho de columna de 10em con reglas --> * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
{{ div col | ancho de columna = 10em | reglas = si | gap = 2em }} <!-- ancho de columna de 10em con reglas y un espacio de 2em --> * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
{{ div col | pequeño = sí }} <!-- Pequeño = sí --> * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
{{ div col | ancho de columna = 10em | contenido = <!-- el parámetro de contenido no necesita {{div col end}} -->* a* b* C* d* mi* f* gramo*h}}
Produce:
{{ div col | ancho de columna = 10em | reglas = si | brecha = 2em | pequeño = sí }} * a * b * c * d * e * f * g * h {{ div col end }}
Produce:
{{ div col | colwidth = 10em }} <!--Caracteres de texto sin marcado de lista -->abCdmiFgramoh{{ div col fin }}
produce
a b c d e f g h
{{ div col }} <!--Lorem ipsum --> {{ lorem ipsum }} {{ div col end }}
produce
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
El sistema CSS subyacente no puede dividir las sublistas en columnas. Tenga en cuenta el formato desigual a continuación:
{{ div col | ancho de columna = 10em | reglas = si | brecha = 2em | estilo = recuento de columnas: 3 | contenido =* a* b* C** cd**ce** ver* gramo*h}}
Produce:
Desactivar la break-inside: avoid-column;
regla parece ayudar.
En determinadas circunstancias, los navegadores basados en Chrome pueden separar las imágenes de sus títulos, colocando el título en la siguiente columna. Este error se informó en 2018 como T193163 y parece ser un error en Chromium, rastreado como problema 40578413.
TemplateData para Div col
Divide una lista en columnas. Divide automáticamente cada columna en un espacio igual, por lo que no es necesario encontrar manualmente el punto medio en dos columnas. La lista la proporciona |content= o se cierra con {{div col end}}.
{{col div}}
{{colbegin}}
(pero no o ){{col begin}}
{{col-begin}}
{{cols}}
{{div col start}}
{{div col begin}}
{{div-col}}
{{palmares start}}
Las plantillas enumeradas aquí no son intercambiables . Por ejemplo, usar {{ col-float }} con {{ col-end }} en lugar de {{ col-float-end }} dejaría un archivo abierto, lo que podría dañar cualquier formato posterior.<div>...</div>
† ¿Puede la plantilla manejar el marcado wiki básico {| | || |- |}
utilizado para crear tablas ? De lo contrario, plantillas especiales que produzcan estos elementos (como {{ (! }} , {{ ! }} , { { !! }} , {{ !- }} , {{ !) }} ) o etiquetas HTML ( <table>...</table>
, <tr>...</tr>
, etc.): es necesario utilizarlos en su lugar.