Difference between revisions of "Template:Ai"

From Data JW United
Jump to navigation Jump to search
Line 21: Line 21:
 
<div style="background: #f3efef; max-width: 200px">{{ai|3||Watchtower|23}}</div>
 
<div style="background: #f3efef; max-width: 200px">{{ai|3||Watchtower|23}}</div>
 
</noinclude>
 
</noinclude>
<includeonly>{{#ifeq: {{{1}}} |1| {{#ifeq: {{{2}}} |l| <div style="padding: 10px 20px;">{{{3}}}</div> }}
+
<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;"><div>{{{2}}}</div><div>{{{3}}}</div><div>{{{4}}}</div></div> }}</includeonly>
{{#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;"><div>{{{2}}}</div><div>{{{3}}}</div><div>{{{4}}}</div></div> }}</includeonly>
 

Revision as of 16:26, 16 June 2020

<ai> - stands for "align items". Used for horizontaly align items. Usages examples: aligning items used in the header or footer of a page.

One item

Align left

{{ai|1|l|Content}}

content

Align center

{{ai|1|c|Content}}

content

Align right

{{ai|1|r|Content}}

content

Two items

{{ai|2|first|second}}

first
second

Tree items

{{ai|3|first|second|third}}

first
second
third

Other cases

{{ai|3||Watchtower|23}}

Watchtower
23