Changes

Jump to navigation Jump to search

Template:Ai

248 bytes added, 05:55, 6 October 2020
Tree items
<noinclude>
This is <code><ai></code> - stands for "align items". Used for horizontaly align items. Usages examples: aligning items used for creating pages with paginationin the header or footer of a page.
= One item =
== Align left ==
<div style="background: #f3efef; max-width: 200px">{{ai|2|first|second}}</div>
= Tree items =
<code><nowiki>{{ai|23|first|second|third}}</nowiki></code>
<div style="background: #f3efef; max-width: 200px">{{ai|3|first|second|third}}</div>
== Other cases ==<code><nowiki>{{ai|3|Watchtower|{{ta|r|23}}}}</nowiki></code><div style="background: #f3efef; max-width: 200px">{{ai|3||Watchtower|{{ta|r|23}}}}</div>
</noinclude>
 <includeonly>{{#ifeq: {{{1}}} |1| {{#ifeq: {{{2}}} |l| <div style="padding: 10px 20px;">{{{3}}}</div> }}{{#ifeq: {{{2}}} |c| <div style="text-align:center;padding: 10px 20px;">{{{3}}}</div> }} {{#ifeq: {{{2}}} |r| <div style="text-align:right;padding: 10px 20px;">{{{3}}}</div> }} }} {{#ifeq: {{{1}}} |2| <div style="padding: 10px 20px;display:flex"><div style="flex:1">{{{2}}}</div><div style="flex:1;text-align:right">{{{3}}}</div></div> }} {{#ifeq: {{{1}}} |3| <div style="padding:10px 20px;display:flex;justify-content:space-between;"><divstyle="flex:1">{{{2}}}</div><divstyle="flex:2;text-align:center;">{{{3}}}</div><divstyle="flex:1;text-align:right">{{{4}}}</div></div> }}</includeonly>

Navigation menu