Predefinição:Bloco centro
 | Essa predefinição utiliza TemplateStylesEN: |
 | Esta predefinição usa elementos de bloco (e.g. <div> or <p>).Não deve ser aninhado dentro de um elemento em linha (e.g. |
Função
Esta predefinição coloca um bloco no centro da página, sem afetar o alinhamento do texto.
{{bc}} é uma abreviação desta predefinição que redireciona para cá.
Uso
{{bloco centro|width=|style=|align=|title=|texto}}Onde:
{{bloco centro: é a predefinição padrão;
|width: é a largura do bloco;
|style: é o estilo do texto;
|align: é o alinhamento do texto;
|title: é o título do texto, se houver;
texto}}: é o texto.
- Comparação de of {{Bloco centro}} e {{centro}}
Esta predefinição mantém o alinhamento atual do texto (por padrão, à esquerda), mas move todo o bloco de texto para o centro da página. Para alinhar o texto em si ao centro, use {{Centralizado}} ao invés desta predefinição.
- Bloco centro
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
- Centralizado
Aenean commodo ligula eget dolor.
Aenean massa.
Parâmetros
Todos os parâmetros são opcionais.
- title: Title of the block (optional)
- width: the width of the block
- max-width: the maximum width of the block. Optional: default 100%.
- align: the text alignment within the block. One of
left,right,center,justify, default is unspecified and so inherits from the parent. - class: additional CSS classes, which can be used in conjunction with en:Help:Page styles CSS. The classes
wst-block-centerandwst-block-center-titleare always applied to the block and to the title respectively. - style: additional CSS styles (prefer a class if the style is re-used within a work)
title
Onde é necessário dar título á obra, um parâmetro opcional "title" pode ser utilizado. Por vezes isto irá centrar o título melhor do que uma linha separada para título; outras vezes não, costuma depender se uma largura fixe (exemplo seguinte) é ou não forçada.
{{bloco centro|title=LOREM IPSUM|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
width
Onde existe a necessidade de fixar a largura do bloco, um parâmtero optcional "width" pode ser utilizado. Por vezes isto é necessário para forçar uma largura maior, quando ocorre line wrap.
{{bloco centro|width=25em|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
Nota: isto vai forçar uma largura específica mesmo quando a página é mais estreita do que esta largura, até um máximo especificado em max-width, ou 100% se este parâmetro não estiver definido.
Note: geralmente, evite usar percentagens, uma vez que serão demasiadamente estreitas para écrans pequenos. Se o contexto é textual, é preferível usar unidades relativas de texto CSS, tal como em. Ver en:H:PXWIDTH para mais detalhes.
max-width
This parameter provides a maximum width for the block, such that no matter how wide the parent container, the centred block will be no wider than this. Very often, this is a better choice than width, because it allows content to shrink on smaller screens like e-readers.
{{block center|max-width=15em|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna }}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
However, if the parent container is smaller that this value, the block will shrink as normal:
<div style="width:10em; margin:auto;">
{{block center|max-width=15em|
Lorem ipsum dolor sit amet, consectetur adipisicing elit
}}
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit
The two parameters can be combined. In this case, the width will be set according to the width parameter on small screens (below the max-width value), and then will be limited to the max-width value on large screens. Note that the width value has to change according to the parent size, so it's normally a percentage value (often 100%).
This is useful when there are floated blocks that don't cause the block to expand to the correct width, but where it's still desirable for the block to shrink on smaller screens:
<div style="width:100%; border:1px dashed green;">
{{block center|max-width=40em|width=100%
|Wide parent: max-width of 40em applies.{{-}}{{float right|''Text on the right.''}}
}}
</div>
<div style="width:30em; margin:auto; border:1px dashed green;">
{{block center|max-width=40em|width=100%
|Narrow parent: 100% width{{-}}{{float right|''Text on the right.''}}
}}
</div>
style
Where there is a need to specify the style of the text, an optional "style" parameter can be used. This parameter takes the same style attributes that can be set for any table.
{{block center|style=font-style:italic|<poem>
Lorem ipsum dolor sit amet,
{{gap}}consectetuer adipiscing elit.
Aenean commodo ligula eget dolor;
{{gap}}Aenean massa.
</poem>}}
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget dolor;
Aenean massa.
align
The text alignment within the (overall) centered block may be controlled using this (default: left):
{{block center|align=right|<poem>
Lorem ipsum dolor sit amet,
{{gap}}consectetuer adipiscing elit.
Aenean commodo ligula eget dolor;
{{gap}}Aenean massa.
</poem>}}
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget dolor;
Aenean massa.
Blocos com múltiplas páginas
Se usar vários blocos centro separados, irá reparar que cada página tem um alinhamento ligeiramente diferente. Não obstante, esta predefinição não pode ser deixada aberta numa página e fechada noutra para criar um grande bloco centrado. Para usar o bloco centro em múltiplas páginas, pode usar-se {{bloco centro/c}} e {{bloco centro/f}} para abrir e fechar o bloco em cada página. Todas as páginas têm de ter um de cada, no início e fim da secção. Contudo, é possível colocar um ou ambos no cabeçalho e rodapé, para que não sejam transcluídos para a página principal. Quando todas as páginas forem transcluídas, o resultado será só um {{bloco centro/c}} e um {{bloco centro/f}} no início e fim da secção, respectivamente.
Primeira página
- Cabeçalho
Nada é necessário no cabeçalho.
- Corpo de texto
{{bloco centro/c}}
Início do texto bloco centro.
Conteúdo do bloco centro aqui.
- Rodapé
{{bloco centro/f}}
Páginas centrais
- Cabeçalho
{{bloco centro/c}}
- Corpo de texto
Conteúdo do bloco centro aqui; isto continua a página anterior.
- Footer
{{bloco centro/f}}
Última página
- Cabeçalho
{{bloco centro/c}}
- Corpo de texto
Conteúdo do bloco centro aqui; isto continua a página anterior.
Final do texto em bloco centro
{{bloco centro/f}}
- Rodapé
Nada é necessário no rodapé da última página.
See Also
- {{Center block}}
Redirecionamento
{{Bc}}
Sem descrição.
| Parâmetro | Descrição | Tipo | Estado | |
|---|---|---|---|---|
| class | class | additional CSS classes, which can be used in conjunction with Help:Page styles CSS. The classes wst-block-center and wst-block-center-title are always applied to the block and to the title respectively. | Conteúdo | opcional |
| width | width | The width of the block (needs units which are valid CSS units.) | Conteúdo | recomendado |
| talign | talign align | the text alignment within the block. One of left, right, center, justify, default is unspecified and so inherits from the parent.
| Desconhecido | recomendado |
| max-width | max-width | sem descrição | Desconhecido | opcional |
| style | style | Additional CSS styles (prefer a class if the style is re-used within a work) | Conteúdo | opcional |
| title | title | Title of the block | Conteúdo | opcional |
| body | body 1 | The text to be placed centrally as a block | Conteúdo | opcional |
| A documentação acima é transcluída de Predefinição:Bloco centro/doc. (editar | histórico) Editores podem experimentar nas páginas de teste (criar | espelhar) e de exemplos para testes (criar) desta predefinição. Por favor adicione categorias à subpágina /doc. Subpáginas desta predefinição. |