Template:Center/doc: Difference between revisions

From escforumwiki
Jump to navigation Jump to search
en>Hyacinth
→‎See also: *{{tl|Image frame}}
Santos (talk | contribs)
m 77 revisions imported
 
(29 intermediate revisions by 22 users not shown)
Line 1: Line 1:
{{Documentation subpage}}
{{Documentation subpage}}
<!-- Categories go where indicated at the bottom of this page, please; interwikis go to Wikidata (see also: [[Wikipedia:Wikidata]]). -->
<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
{{caution|This template '''does not function''' for [[WP:MOBILE|the mobile view and mobile applications]]. Be aware that more than half of the Wikipedia visitors are via mobile.}}
{{used in system|in [[MediaWiki:Abusefilter-top100]]}}
{{high-risk| 550000+ }}
A simple template to center-align content in tables and other places. Be aware that the center class is applied to this template, which means every element within the template has its left and right margins set to auto. This may harm some templates.


==Usage==
== Description ==
{{TemplateDataHeader}}
It is to center elements on a page. See also [[Template:Align]] for more options and flexibility.
<templatedata>
{
"params": {
"1": {
"label": "Content",
"type": "content",
"required": true
},
"style": {
"label": "Custom CSS"
}
},
"description": "A simple template to center-align content in tables and other places. Be aware that the center class is applied to this template, which means every element within the template has its left and right margins set to auto. This may harm some templates."
}
</templatedata>


== Example ==
== Usage ==
{{See also|Span and div}}
{{markup
{{markup
| <nowiki>{{Center|Hello world!}}</nowiki>
| <nowiki>{{Center|Hello world!}}</nowiki>
Line 30: Line 14:


To do this without a template, simply use the following code:
To do this without a template, simply use the following code:
:{{tag|div|params=class="center" style="width:auto; margin-left:auto; margin-right:auto;"}}
<syntaxhighlight lang="HTML">
<div class="center" style="width:auto; margin-left:auto; margin-right:auto;">...</div>
</syntaxhighlight>
To center a table, see [[Help:TABLECENTER]].


To center a table, see [[Help:TABLECENTER]].
Notes:
* If the markup to be centered includes an equals sign, the markup must be preceded by <code>1=</code>. Example: <code><nowiki>{{Center|1=the <span style="color:red">red</span> one}}</nowiki></code>.
* If the markup to be centered includes a displaying pipe, the pipe must be escaped as <code><nowiki>{{!}}</nowiki></code> or <code>&amp;#124;</code>.


=== Table ===
=== Tables ===
Using {{tld|left}} / {{tld|center}} / {{tld|right}}
Using {{tlc|left}} / {{tlc|center}} / {{tlc|right}}
{| class="wikitable"
{| class="wikitable"
!colspan="3" style="width:300px"| Header text
!colspan="3" style="width:300px"| Header text
Line 41: Line 30:
| {{Left|Left}} || {{Center|Center}} || {{Right|Right}}
| {{Left|Left}} || {{Center|Center}} || {{Right|Right}}
|}
|}
Using {{tld|align|left}} / {{tld|align|center}} / {{tld|align|right}}
Using {{tlc|align|left}} / {{tlc|align|center}} / {{tlc|align|right}}
{| class="wikitable"
{| class="wikitable"
!colspan="3" style="width:300px"| Header text
!colspan="3" style="width:300px"| Header text
Line 47: Line 36:
| {{align|left|Left}} || {{align|center|Center}} || {{align|right|Right}}
| {{align|left|Left}} || {{align|center|Center}} || {{align|right|Right}}
|}
|}
== Tracking category ==
Pages, which use {{tl|Center}} without an argument, are added to the {{clc|Pages using center with no arguments}}.
== TemplateData ==
{{TemplateDataHeader}}
<templatedata>
{
"params": {
"1": {
"label": "Content",
"type": "content",
"required": true,
"description": "Content to be centered"
},
"style": {
"label": "Custom CSS"
}
},
"description": "A simple template to center-align content in tables and other places. Be aware that the center class is applied to this template, which means every element within the template has its left and right margins set to auto. This may harm some templates."
}
</templatedata>


== See also ==
== See also ==
*{{tl|Align}}
* {{tl|Center block}}
*{{tl|Left}}
* {{tl|align}}
*{{tl|Right}}
* {{tl|right}}, {{tl|left}} and {{tl|justify}}
*{{tl|Image frame}}
* {{tl|Image frame}}


<includeonly>{{basepage subpage|
<includeonly>{{sandbox other||
<!-- Categories go below this line, please; interwikis go to Wikidata, thank you! -->
<!-- Categories below this line; interwikis at Wikidata -->
[[Category:Positioning templates]]
[[Category:Positioning templates]]
[[Category:Typing-aid templates]]
[[Category:Typing-aid templates]]
[[Category:Wikipedia XHTML tag-replacing templates]]
[[Category:Wikipedia XHTML tag-replacing templates]]
}}</includeonly>
}}</includeonly>

Latest revision as of 18:21, 12 June 2022

Description

It is to center elements on a page. See also Template:Align for more options and flexibility.

Usage

Markup Renders as
{{Center|Hello world!}}
Hello world!

To do this without a template, simply use the following code:

<div class="center" style="width:auto; margin-left:auto; margin-right:auto;">...</div>

To center a table, see Help:TABLECENTER.

Notes:

  • If the markup to be centered includes an equals sign, the markup must be preceded by 1=. Example: {{Center|1=the <span style="color:red">red</span> one}}.
  • If the markup to be centered includes a displaying pipe, the pipe must be escaped as {{!}} or &#124;.

Tables

Using {{left}} / {{center}} / {{right}}

Header text
Left
Center
Right

Using {{align|left}} / {{align|center}} / {{align|right}}

Header text
Left
Center
Right

Tracking category

Pages, which use {{Center}} without an argument, are added to the Category:Pages using center with no arguments (0).

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Center in articles based on its TemplateData.

TemplateData for Center

A simple template to center-align content in tables and other places. Be aware that the center class is applied to this template, which means every element within the template has its left and right margins set to auto. This may harm some templates.

Template parameters

ParameterDescriptionTypeStatus
Content1

Content to be centered

Contentrequired
Custom CSSstyle

no description

Unknownoptional

See also