Perguntas com a marcação «vertical-alignment»

Normalmente, um estilo ou outra definição de IU associada ao posicionamento de um item de interface no plano vertical.


30
Como alinhar verticalmente uma imagem dentro de uma div
Como você pode alinhar uma imagem dentro de uma contenção div? Exemplo No meu exemplo, preciso centralizar verticalmente o <img>no <div>com class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameA altura da imagem é fixa e a altura da imagem é desconhecida. Posso adicionar novos elementos .framese essa …

30
Como centralizar verticalmente uma div para todos os navegadores?
Quero centralizar divverticalmente com CSS. Não quero tabelas ou JavaScript, mas apenas CSS puro. Encontrei algumas soluções, mas todas estão sem suporte para o Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </body> Como posso centralizar um divverticalmente em todos os principais navegadores, incluindo o Internet Explorer 6?

30
Como alinhar verticalmente o texto em uma div?
Estou tentando encontrar a maneira mais eficaz de alinhar o texto com uma div. Eu tentei algumas coisas e nenhuma parece funcionar. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 …

25
Como alinhar o conteúdo de uma div ao final
Digamos que eu tenha o seguinte código CSS e HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Executar snippet de códigoHide resultsExpandir snippet A seção do cabeçalho tem altura fixa, mas o conteúdo do cabeçalho pode mudar. Eu gostaria que o …

28
Como alinhar elementos verticalmente em uma div?
Eu tenho um div com duas imagens e um h1 . Todos eles precisam estar alinhados verticalmente dentro da div, próximos um do outro. Uma das imagens precisa ser absoluteposicionada dentro da div. Qual é o CSS necessário para que isso funcione em todos os navegadores comuns? <div id="header"> <img …


8
Como definir a margem ou o preenchimento como porcentagem da altura do contêiner pai?
Eu estava estourando meu cérebro sobre a criação de um alinhamento vertical em css usando o seguinte .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Executar snippet de códigoHide resultsExpandir snippet …

7
Android: alinhamento vertical para EditText de várias linhas (área de texto)
Eu quero ter 5 linhas para a altura da área de texto. Estou usando o seguinte código. <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:singleLine="false" android:lines="5" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" /> A área de texto parece boa, mas o problema é que o cursor está piscando no meio do campo de texto. Quero que ele …


30
Adicione texto centralizado no meio de uma linha semelhante a <hr />
Eu estou querendo saber quais opções um tem no xhtml 1.0 estrito para criar uma linha em ambos os lados do texto da seguinte forma: Seção Um ----------------------- Próxima seção ----------------------- Seção dois Eu pensei em fazer algumas coisas extravagantes como esta: &lt;div style="float:left; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; &lt;div style="float:right; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; …



9
Como centralizar a div verticalmente dentro da div principal absolutamente posicionada
Estou tentando obter um contêiner azul no meio do rosa, mas parece vertical-align: middle;que não funciona nesse caso. &lt;div style="display: block; position: absolute; left: 50px; top: 50px;"&gt; &lt;div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"&gt; &lt;div style="background-color: lightblue;"&gt;test&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Resultado: Expectativa: Por favor, sugira como posso conseguir isso. Jsfiddle

5
alinhamento vertical do elemento de texto em SVG
Digamos que eu tenho o arquivo SVG: &lt;svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt; &lt;text x='20' y='60' style="font-size: 60px"&gt;b&lt;/text&gt; &lt;text x='100' y='60' style="font-size: 60px"&gt;a&lt;/text&gt; &lt;/svg&gt; Eu quero de alguma forma alinhar o topo de ae b. Na verdade, eu quero que meu posicionamento seja de acordo com o rooflineinvés de baseline!

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.