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 receptiva. 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 }}.
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ 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=yesyes.|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 end }}produce
a b c d e f g h
{{ div col }} <!--Lorem ipsum --> {{ lorem ipsum }} {{ div col end }}produce
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.
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 "div" (división) HTML abierto, lo que podría dañar cualquier formato posterior.
† ¿ 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.