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

imported>NyoomVoyager
мНет описания правки
imported>NyoomVoyager
м (makes line height a param)
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
<includeonly>
<includeonly>
<div class="divided-columns" style="display: flex;">
<div class="divided-columns" style="display: flex;">
    <div class="column-a" style="flex: 1; margin-right: 20px;">
<div class="column-a" style="flex: 1; margin-right: 20px;">
        <h2>{{{column_a_name|Column A}}}</h2>
<h2>{{{column_a_name|Column A}}}</h2>
        <ul style="padding-left: 0;">
<ul style="padding-left: 0;">
            <li style="margin: 0;">{{{column_a_content|}}}</li>
<li style="margin: 0;">{{{column_a_content|}}}</li>
        </ul>
</ul>
    </div>
</div>
    <div class="column-b" style="flex: 1; margin-right: 20px;">
<div style="border-left: 1px solid grey; height: {{{line_height|500px}}}; margin-right: 50px;"></div>
        <h2>{{{column_b_name|Column B}}}</h2>
<div class="column-b" style="flex: 1; margin-right: 20px;">
        <ul style="padding-left: 0;">
<h2>{{{column_b_name|Column B}}}</h2>
            <li style="margin: 0;">{{{column_b_content|}}}</li>
<ul style="padding-left: 0;">
        </ul>
<li style="margin: 0;">{{{column_b_content|}}}</li>
    </div>
</ul>
</div>
</div>
</div>
</includeonly>
</includeonly>

Текущая версия от 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