Preguntas etiquetadas con vertical-alignment

Normalmente, un estilo u otra definición de interfaz de usuario asociada con la ubicación de un elemento de interfaz en el plano vertical.

4
Alineación vertical CSS de elementos en línea / bloque en línea
Estoy tratando de alinear varios componentes inliney inline-blockverticalmente en a div. ¿Cómo es que spanen este ejemplo insiste en ser empujado hacia abajo? He intentado ambos vertical-align:middle;y vertical-align:top;, pero nada cambia. 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 { …

7
Apilar Divs de abajo hacia arriba
Al agregar divs a a divcon una altura fija, los divisores secundarios aparecerán de arriba a abajo, pegándose en el borde superior. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Ahora estoy tratando de mostrarlos de abajo hacia arriba de …


10
Alinee verticalmente una imagen dentro de un div con altura receptiva
Tengo el siguiente código que configura un contenedor que tiene una altura que cambia con el ancho cuando se redimensiona el navegador (para mantener una relación de aspecto cuadrado). 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 …

10
alinear verticalmente en medio en <div>
Quiero mantener la altura de #abc divat 50pxy text para alinear verticalmente en el medio de 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; } &lt;div id="main"&gt; &lt;div id="abc"&gt; asdfasdfafasdfasdf &lt;/div&gt; &lt;/div&gt; …

6
UIButton alineación vertical de fuente personalizada
Tengo una UIButtonque usa una fuente personalizada, que se establece cuando se carga mi vista: - (void)viewDidLoad { [super viewDidLoad]; self.searchButton.titleLabel.font = [UIFont fontWithName: @"FONTNAME" size: 15.0 ]; } El problema que tengo es que la fuente parece flotar hacia arriba de la línea central. Si comento esta línea, la …

10
Etiqueta vertical (girada) en Android
Necesito 2 formas de mostrar la etiqueta vertical en Android: Etiqueta horizontal girada 90 grados en sentido antihorario (letras en el lateral) Etiqueta horizontal con letras una debajo de la otra (como el letrero de una tienda) ¿Necesito desarrollar widgets personalizados para ambos casos (un caso), puedo hacer que TextView …

27
Dirección de texto vertical
He estado intentando que el texto vaya en una dirección vertical como podemos hacer en las tablas de ms-word, pero hasta ahora solo he podido hacer ESTO ... con lo que no estoy contento porque es un cuadro girado ... Isn ' ¿Hay alguna manera de tener texto en dirección …

9
Texto de alineación vertical CSS dentro de li
Estoy mostrando un número de cuadros en una fila con altura y ancho fijos, generados a partir de etiquetas &lt;li&gt;. ahora necesito alinear el texto en el centro vertical. La alineación vertical de CSS no tiene impacto, ¿tal vez me falta algo? No estoy buscando trucos de uso (margen, relleno, …




3
CSS Vertical align no funciona con float
¿Cómo puedo utilizar el vertical-alignasí como floaten las divpropiedades? El vertical-alignbien funciona si yo no uso el float. Pero si utilizo el flotador, entonces no funciona. Es importante para mí usar el float:rightpara el último div. Estoy tratando de seguir, si elimina el flotador de todos los div, entonces funcionaría …

9
¿Por qué vertical-align: text-top; no funciona en CSS
Quiero alinear algún texto con la parte superior de un div. Parece que vertical-align: text-top;debería funcionar, pero no funciona. Las otras cosas que he hecho, como poner los divs en columnas y mostrar un borde punteado (para que pueda ver dónde está la parte superior del div) funcionan bien. #header_p …


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.