Шаблон:DividedColumn: различия между версиями

Текущая версия от 17:33, 24 марта 2024

This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly. It can be used as such:

Advantages

Advantage 1
- Advantage 2
- Advantage 3

Disadvantages

Disadvantage 1
- Disadvantage 2
- Disadvantage 3

@@ Строка 1: / Строка 1: @@
-<includeonly><div class="divided-columns">
+<includeonly>
-   <div class="column-a">
+<div class="divided-columns" style="display: flex;">
-        <h2>{{{column_a_name|Column A}}}</h2>
+<div class="column-a" style="flex: 1; margin-right: 20px;">
-        <ul>
+<h2>{{{column_a_name|Column A}}}</h2>
-            {{{column_a_content|}}}
+<ul style="padding-left: 0;">
-        </ul>
+<li style="margin: 0;">{{{column_a_content|}}}</li>
-    </div>
+</ul>
-    <div class="column-b">
+</div>
-        <h2>{{{column_b_name|Column B}}}</h2>
+<div style="border-left: 1px solid grey; height: {{{line_height|500px}}}; margin-right: 50px;"></div>
-        <ul>
+<div class="column-b" style="flex: 1; margin-right: 20px;">
-            {{{column_b_content|}}}
+<h2>{{{column_b_name|Column B}}}</h2>
-        </ul>
+<ul style="padding-left: 0;">
-    </div>
+<li style="margin: 0;">{{{column_b_content|}}}</li>
+</ul>
+</div>
 </div>
-<style>
-    .divided-columns {
-        display: flex;
-    }
-    .column-a, .column-b {
-        flex: 1;
-        margin-right: 20px;
-    }
-</style>
 </includeonly>
-<noinclude> This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly.
+<noinclude>This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly.
 It can be used as such:
 {{DividedColumn
@@ Строка 31: / Строка 22: @@
 |column_b_name=Disadvantages
 |column_a_content=
-* Advantage 1
+<div style:"margin-right:10px;">Advantage 1</div>
 * Advantage 2
 * Advantage 3
 |column_b_content=
-* Disadvantage 1
+<div style:"margin-right:10px;">Disadvantage 1</div>
 * Disadvantage 2
 * Disadvantage 3
-}}
+}}</noinclude>
-</noinclude>