04/08/2013, 13:13
| ||||
| ||||
| "display:table-cell" y "vertical-align:middle" no funcionan con "float;left" Pues eso. Tengo un div cuadrado, y dentro de ese otro div rectangular con el mismo ancho del anterior y la mitad de altura. Quiero que ese rectángulo se centre verticalmente dentro del cuadrado, lo cual me funciona con "display:table-cell" y "vertical-align:middle" siempre y cuando no use "float". En cuanto uso float en el div cuadrado, deja de centrarse el div rectangular...  ¿Cómo lo puedo solucionar?  |
|
04/08/2013, 14:52
| ||||
| ||||
| Respuesta: "display:table-cell" y "vertical-align:middle" no funcionan con "float;le No puedes flotar un elemento y especificar un display: table-cell. Bueno, si puedes, pero automáticamente se convertirá en un elemento de bloque (display: block).En realidad tampoco tiene mucho sentido flotar un elemento que actúa como una celda. Para centrar verticalmente hay varios métodos. Pero se usa uno u otro en función del escenario. Del que en tu caso no sabemos mucho.  |
|
05/08/2013, 09:18
| ||||
| ||||
| Respuesta: "display:table-cell" y "vertical-align:middle" no funcionan con "float;le Si floto también el div rectangular, se arregla. Pero deja de centrarse un texto que hay dentro del rectángulo... Y si floto ese texto se descuadra peor... En fin, dejé un margen superior en el texto para que quede "centrado", que no es lo ideal, pero bueno, así lo dejo... |
