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

Eu estou tentando obter vários inlinee inline-blockcomponentes alinhados verticalmente em uma div. Como é que o spanexemplo insiste em ser empurrado para baixo? Eu tentei os dois vertical-align:middle;e vertical-align:top;, mas nada muda. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div …

142 html  css  vertical-alignment 

Ao anexar divs a a divcom uma altura fixa, os divs filhos aparecerão de cima para baixo, colando na borda superior. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Agora estou tentando exibi-los de baixo para cima assim (colando na …

139 html  css  scrollbar  vertical-alignment  alignment 

Eu quero criar um bloco embutido que terá uma largura e altura desconhecidas. (Ele terá uma tabela com conteúdo gerado dinamicamente). Além disso, o bloco embutido deve ser colocado dentro de uma linha de texto, como "meu texto (BLOCO AQUI)". Para torná-lo bonito, estou tentando fazer com que o bloco …

136 html  vertical-alignment  css 

Eu tenho o código a seguir que configura um contêiner que tem uma altura que muda com a largura quando o navegador é redimensionado (para manter uma proporção quadrada). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid …

135 html  css  responsive-design  vertical-alignment 

Quero manter a altura de #abc divem 50pxe o texto para alinhar verticalmente no meio do div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> …

126 css  vertical-alignment 

Eu tenho um UIButtonque usa uma fonte personalizada, que é definida quando minha visualização é carregada: - (void)viewDidLoad { [super viewDidLoad]; self.searchButton.titleLabel.font = [UIFont fontWithName: @"FONTNAME" size: 15.0 ]; } O problema que tenho é que a fonte parece flutuar acima da linha central. Se eu comentar esta linha, a …

118 ios  objective-c  fonts  vertical-alignment 

Preciso de duas maneiras de mostrar o rótulo vertical no Android: Etiqueta horizontal virada 90 graus no sentido anti-horário (letras ao lado) Etiqueta horizontal com letras uma embaixo da outra (como uma placa de loja) Preciso desenvolver widgets personalizados para os dois casos (um caso), posso fazer o TextView para …

110 android  label  textview  vertical-alignment 

Tenho tentado o texto ir na direção vertical, como fazemos nas tabelas de ms-word, mas até agora só consegui fazer ISSO ... com o que não estou feliz porque é uma caixa girada ... Não Existe uma maneira de ter um texto de direção vertical real? Eu apenas defini a …

106 html  css  text  vertical-alignment 

Estou exibindo várias caixas em uma linha com altura e largura fixas, geradas a partir de <li> tags. agora preciso alinhar o texto no centro vertical. O alinhamento vertical do CSS não tem impacto, talvez eu esteja faltando alguma coisa ??? Não estou procurando truques usando (margem, preenchimento, altura da …

99 html  css  vertical-alignment 

Qual seria o método correto para centralizar verticalmente qualquer conteúdo em uma largura / altura definida div. No exemplo existem dois conteúdos com alturas diferentes, qual a melhor forma de centrar verticalmente ambos utilizando a classe .content. (e funciona para todos os navegadores e sem a solução de table-cell) Tenha …

93 html  css  vertical-alignment 

Eu sei que para alinhar o texto verticalmente no meio de um bloco, você define a altura da linha para a mesma altura do bloco. No entanto, se eu tiver uma frase com uma palavra no meio, claro 2em. Se a frase inteira tiver uma altura de linha igual à …

91 css  text  vertical-alignment  baseline 

Considere o seguinte código : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Qual seria o método mais fácil de colocar o labele o inputno meio do div(verticalmente)?

89 css  html  vertical-alignment 

Como posso usar o vertical-align, bem como floatnas divpropriedades? A vertical-alignfina funciona se eu não usar o float. Mas se eu usar o flutuador, ele não funciona. É importante para mim usar float:rightpara a última div. Estou tentando seguir, se você remover o float de todos os div's, vai funcionar …

86 html  css  vertical-alignment 

A questão parece ser que certas letras, como g, y, q, etc. que têm uma cauda que se inclina para baixo, não permitem a centragem vertical. Aqui está uma imagem para mostrar o problema . Os caracteres na caixa verde são basicamente perfeitos, pois não têm cauda descendente. Aqueles na …

12 javascript  html  css  vertical-alignment