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.


30
Cómo alinear verticalmente una imagen dentro de un div
¿Cómo se puede alinear una imagen dentro de un contenedor div ? Ejemplo En mi ejemplo, necesito centrar verticalmente <img>el <div>con class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameLa altura es fija y la altura de la imagen es desconocida. Puedo agregar nuevos elementos en.frame si esa …

30
¿Cómo centrar verticalmente un div para todos los navegadores?
Quiero centrar divverticalmente con CSS. No quiero tablas ni JavaScript, sino solo CSS puro. Encontré algunas soluciones, pero a todas ellas les falta el soporte de Internet Explorer 6. <body> <div>Div to be aligned vertically</div> </body> ¿Cómo puedo centrar divverticalmente en todos los principales navegadores, incluido Internet Explorer 6?

30
¿Cómo alineo verticalmente el texto en un div?
Estoy tratando de encontrar la forma más efectiva de alinear el texto con un div. He intentado algunas cosas y ninguna 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 …

25
Cómo alinear el contenido de un div al fondo
Digamos que tengo el siguiente código CSS y HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento La sección del encabezado tiene una altura fija, pero el contenido del encabezado puede cambiar. Me gustaría que el …

28
¿Cómo alinear verticalmente elementos en un div?
Tengo un div con dos imágenes y un h1. Todos ellos deben estar alineados verticalmente dentro del div, uno al lado del otro. Una de las imágenes debe absolutecolocarse dentro del div. ¿Cuál es el CSS necesario para que esto funcione en todos los navegadores comunes? <div id="header"> <img src=".." …


8
¿Cómo establecer el margen o el relleno como porcentaje de la altura del contenedor principal?
Me había estado estrujando el cerebro creando una alineación vertical en CSS usando lo siguiente .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> Ejecutar fragmento de códigoHide resultsExpandir fragmento Si bien …

7
Android: alineación vertical para texto de edición multilínea (área de texto)
Quiero tener 5 líneas para la altura del área de texto. Estoy usando el siguiente 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" /> El área de texto se ve bien, pero el problema es que el cursor está parpadeando en el medio del campo de texto. Quiero que …


30
Agregue texto centrado a la mitad de una línea similar a <hr />
Me pregunto qué opciones tiene uno en xhtml 1.0 estricto para crear una línea en ambos lados del texto de la siguiente manera: Seccion uno ----------------------- Siguiente sección ----------------------- Sección dos He pensado en hacer algunas cosas elegantes 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; Next section …



9
Cómo centrar el div verticalmente dentro del div padre absolutamente posicionado
Estoy tratando de obtener un contenedor azul en medio del rosa, sin embargo, parece vertical-align: middle;que no funciona en ese 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: Sugiera cómo puedo lograr eso. …

5
alineación vertical del elemento de texto en SVG
Digamos que tengo el archivo 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; Quiero alinear de alguna manera la parte superior de ay b. En realidad, ¡quiero que mi posicionamiento esté de acuerdo con el en rooflinelugar de baseline!

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.