mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 12:18:47 +08:00
86 lines
10 KiB
HTML
86 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Alinhar e organizar objetos em uma página</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="descrição" content="Alinhar e organizar caixas de texto, formas automáticas, imagens e gráficos em uma página." />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Alinhar e organizar objetos na página</h1>
|
|
<p>No <a href="https://www.onlyoffice.com/pt/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Editor de Documentos</b></a>, as <b>autoformas, imagens, gráficos</b> ou <b>caixas de texto</b> adicionadas podem ser alinhadas, agrupadas e ordenadas na página. Para executar qualquer uma dessas ações, primeiro selecione um objeto separado ou vários objetos na página. Para selecionar vários objetos, mantenha pressionada a tecla <b>Ctrl</b> e clique com o botão esquerdo nos objetos desejados. Para selecionar uma caixa de texto, clique em sua borda, não no texto dentro dela. Depois disso, você pode usar os ícones na guia <b>Layout</b> da barra de ferramentas superior descrita abaixo ou as opções correspondentes no menu do botão direito.</p>
|
|
<h3>Alinhar objetos</h3>
|
|
<p>Para <b>alinhar</b> <em>dois ou mais</em> objetos selecionados, </p>
|
|
<ol>
|
|
<li>Clique no <div class = "icon icon-align_toptoolbar"></div> <b>Alinhar</b> ícone na guia <b>Layout</b> da barra de ferramentas superior e selecione uma das seguintes opções:
|
|
<ul>
|
|
<li><b>Alinhar à página</b> para alinhar objetos em relação às bordas da página,</li>
|
|
<li><b>Alinhar à margem</b> para alinhar objetos em relação às margens da página,</li>
|
|
<li><b>Alinhar objetos selecionados</b> (esta opção é selecionada por padrão) para alinhar objetos em relação uns aos outros,</li>
|
|
</ul>
|
|
</li>
|
|
<li>Clique no <div class = "icon icon-align_toptoolbar"></div> <b>Alinhar</b> ícone mais uma vez e selecione o tipo de alinhamento necessário na lista:
|
|
<ul>
|
|
<li><b>Alinhar à esquerda</b> <div class = "icon icon-alignobjectleft"></div> - alinhar os objetos horizontalmente pela borda esquerda do objeto mais à esquerda/borda esquerda da página/margem esquerda da página,</li>
|
|
<li><b>Alinhar ao centro</b> <div class = "icon icon-alignobjectcenter"></div> - para alinhar os objetos horizontalmente por seus centros/centro da página/centro do espaço entre as margens esquerda e direita da página,</li>
|
|
<li><b>Alinhar à direita</b> <div class = "icon icon-alignobjectright"></div> - alinhar os objetos horizontalmente pela borda direita do objeto mais à direita/borda direita da página/margem direita da página,</li>
|
|
<li><b>Alinhar à parte superior</b> <div class = "icon icon-alignobjecttop"></div> - alinhar os objetos verticalmente pela borda superior do objeto superior/borda superior da página/margem superior da página,</li>
|
|
<li><b>Alinhar meio</b> <div class = "icon icon-alignobjectmiddle"></div> - para alinhar os objetos verticalmente pelo meio/meio da página/meio do espaço entre as margens superior e inferior da página,</li>
|
|
<li><b>Alinhar à parte inferior</b> <div class = "icon icon-alignobjectbottom"></div> - para alinhar os objetos verticalmente pela borda inferior do objeto mais inferior/borda inferior da página/margem inferior da página.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>Como alternativa, você pode clicar com o botão direito do mouse nos objetos selecionados, escolher a opção <b>Alinhar</b> no menu contextual e usar uma das opções de alinhamento disponíveis.</p>
|
|
<p>Se você deseja alinhar um único objeto, ele pode ser alinhado em relação às bordas da página ou às margens da página. A opção <b>Alinhar à margem</b> é selecionada por padrão neste caso.</p>
|
|
<h3>Distribuir objetos</h3>
|
|
<p>Para <b>distribuir</b> <em>três ou mais</em> objetos selecionados horizontal ou verticalmente para que haja espaço igual entre eles,</p>
|
|
<ol>
|
|
<li>
|
|
Clique no <div class = "icon icon-align_toptoolbar"></div> <b>Alinhar</b> ina guia <b>Layout</b> da barra de ferramentas superior e selecione uma das seguintes opções:
|
|
<ul>
|
|
<li><b>Alinhar à página</b> para distribuir objetos entre as bordas da página,</li>
|
|
<li><b>Alinhar à margem</b> para distribuir objetos entre as margens da página,</li>
|
|
<li><b>Alinhar objetos selecionados</b> (esta opção é selecionada por padrão) para distribuir objetos entre dois objetos selecionados mais externos,</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Clique no <div class = "icon icon-align_toptoolbar"></div> <b>Alinhe</b> ícone mais uma vez e selecione o tipo de distribuição necessário na lista:
|
|
<ul>
|
|
<li><b>Distribuir horizontalmente</b> <div class = "icon icon-distributehorizontally"></div> - para distribuir objetos uniformemente entre os objetos selecionados mais à esquerda e mais à direita/bordas esquerda e direita da página/margens esquerda e direita da página<!--para alinhar os objetos selecionados por seus centros (da direita para a esquerda) para o centro horizontal da página-->.</li>
|
|
<li><b>Distribuir verticalmente</b> <div class = "icon icon-distributevertically"></div> - para distribuir objetos uniformemente entre os objetos selecionados mais acima e mais abaixo/bordas superior e inferior da página/margens superior e inferior da página<!--para alinhar os objetos selecionados por seus centros (de cima para baixo) com o centro vertical da página-->.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>Como alternativa, você pode clicar com o botão direito do mouse nos objetos selecionados, escolher a opção <b>Alinhar</b> no menu contextual e usar uma das opções de distribuição disponíveis.</p>
|
|
<p class="note"><b>Nota</b>: as opções de distribuição são desativadas se você selecionar menos de três objetos.</p>
|
|
<h3>Agrupar objetos</h3>
|
|
<p>Para <b>agrupar</b> <em>dois ou mais</em> objetos selecionados ou <b>desagrupar</b> eles, clique na seta ao lado do <span class = "icon icon-group_toptoolbar"></span> <b>Agrupe</b> ícone na guia <b>Layout</b> na barra de ferramentas superior e selecione a opção necessária na lista:</p>
|
|
<ul>
|
|
<li><b>Agrupar</b> <div class = "icon icon-group"></div> - combinar vários objetos em um grupo para que possam ser simultaneamente girados, movidos, redimensionados, alinhados, organizados, copiados, colados, formatados como um único objeto.</li>
|
|
<li><b>Desagrupar</b> <div class = "icon icon-ungroup"></div> - para desagrupar o grupo selecionado dos objetos previamente combinados.</li>
|
|
</ul>
|
|
<p>Alternativamente, você pode clicar com o botão direito do mouse nos objetos selecionados, escolher a opção <b>Organizar</b> no menu contextual e então usar a opção <b>Agrupar</b> ou <b>Desagrupar</b>.</p>
|
|
<p class="note"><b>Nota</b>: a opção <b>Agrupar</b> é desativada se você selecionar menos de dois objetos. A opção <b>Desagrupar</b> está disponível somente quando um grupo dos objetos previamente combinados é selecionado.</p>
|
|
<h3>Organizar objetos</h3>
|
|
<p>Para <b>organizar</b> objetos (ou seja, para alterar sua ordem quando vários objetos se sobrepõem), você pode usar o ícones <span class = "icon icon-bringforward_toptoolbar"></span> <b>Mover para frente</b> e <span class = "icon icon-sendbackward_toptoolbar"></span> <b>Envie para trás</b> na guia <b>Layout</b> da barra de ferramentas superior e selecione o tipo de arranjo necessário na lista.</p>
|
|
<p>Para mover o(s) objeto(s) selecionado(s) para frente, clique na seta ao lado do ícone <span class = "icon icon-bringforward_toptoolbar"></span> <b>Mover para frente</b> na guia <b>Layout</b> da barra de ferramentas superior e selecione o tipo de arranjo necessário na lista:</p>
|
|
<ul>
|
|
<li><b>Trazer para primeiro plano</b> <div class = "icon icon-bringtofront"></div> - para mover o(s) objeto(s) na frente de todos os outros objetos,</li>
|
|
<li><b>Trazer para frente</b> <div class = "icon icon-bringforward"></div> - para mover o(s) objeto(s) selecionado(s) um nível adiante em relação a outros objetos.</li>
|
|
</ul>
|
|
<p>Para mover o(s) objeto(s) selecionado(s) para trás, clique na seta ao lado do ícone <span class = "icon icon-sendbackward_toptoolbar"></span> <b>Enviar para trás</b> na guia <b>Layout</b> da barra de ferramentas superior e selecione o tipo de arranjo necessário na lista:</p>
|
|
<ul>
|
|
<li><b>Enviar para plano de fundo</b> <div class = "icon icon-sendtoback"></div> - para mover o(s) objeto(s) atrás de todos os outros objetos,</li>
|
|
<li><b>Enviar para trás</b> <div class = "icon icon-sendbackward"></div> - para mover o(s) objeto(s) selecionado(s) um nível para trás em relação a outros objetos.</li>
|
|
</ul>
|
|
<p>Como alternativa, você pode clicar com o botão direito do mouse no(s) objeto(s) selecionado(s), escolher a opção <b>Organizar</b> no menu contextual e então usar uma das opções de arranjo disponíveis.</p>
|
|
</div>
|
|
</body>
|
|
</html> |