blob: 24c016f24463c3b0d02ca2fdf7936e1e33556ae5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
---
title: Tópico de Alinhamento
slug: Glossary/Alignment_Subject
tags:
- CSS
- Glossário
- alinhamento
- assunto de alinhamento
- tópico de alinhamento
translation_of: Glossary/Alignment_Subject
original_slug: Glossario/topico_de_alinhamento
---
<p>No <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a>, o <strong>tópico (assunto) de alinhamento </strong>é a coisa (ou coisas) que está sendo alinhada pelas propriedades.</p>
<p>Para o {{cssxref("justify-self")}} e {{cssxref("align-self")}}, o tópico de alinhamento é o box de margem do box em que a propriedade está definida, usando o modo de escrita desse box.</p>
<p>Para o {{cssxref("justify-content")}} e {{cssxref("align-content")}}, o modo de escrita do box também é usado. A definição do tópico de alinhamento depende do modo de layout que está sendo usado.</p>
<dl>
<dt>Contêineres de bloco (incluindo células de tabela)</dt>
<dd>Todo o conteúdo do bloco como uma única unidade.</dd>
<dt>Contêineres de colunas múltiplas (multicol)</dt>
<dd>As caixas de colunas, com qualquer espaçamento inserido entre as caixas de colunas adicionado às lacunas de coluna relevantes.</dd>
<dt>Contêineres flexíveis</dt>
<dd>Para {{cssxref("justify-content")}}, os items flexíveis em cada linha flexível.<br>
Para {{cssxref("align-content")}}, as linhas flexíveis. Perceba que, isso só tem efeito em contêineres flexíveis de múltiplas linhas.</dd>
<dt>Contêineres grid</dt>
<dd>As trilhas do grid nos eixos apropriados, com qualquer espaçamento inserido entre trilhas adicionado à gutters relevantes. Gutters colapsados são tratados como uma oportunidade única para inserção no espaço.</dd>
</dl>
<h2 id="Saiba_mais">Saiba mais</h2>
<ul>
<li><a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a></li>
</ul>
<div id="gtx-trans" style="position: absolute; left: 52px; top: 1078px;">
<div class="gtx-trans-icon"></div>
</div>
|
