vertical - ¿Por qué no hay un centro flotante en CSS?
w3css text (3)
Sí, no hay un centro / medio flotante y puede que el W3C tenga la respuesta.
Hay una etiqueta <center>
pero ya no.
La etiqueta
<center>
está obsoleta a partir de HTML 4, y su uso crea algunos problemas diferentes. Los elementos centrados en HTML pueden mostrarse de manera diferente en diferentes navegadores, y el uso de la etiqueta puede aumentar el tiempo de carga de la página. Además, el uso intensivo complicará los rediseños de su sitio: eliminar cientos de etiquetas lleva mucho más tiempo que cambiar una regla de estilo en una hoja de estilo.La etiqueta quedó oficialmente en desuso hace muchos, muchos años, pero todavía es reconocida por la mayoría de los navegadores a través de sus características de compatibilidad con versiones anteriores. Así que si, si algo, estará centrado. Sin embargo, en el interés de las pruebas de futuro, debe utilizar métodos modernos de centrado de CSS.
margin:0 auto;
uso margin:0 auto;
Si estás centrando en otra cosa, margen: 0 auto; obtendrá su elemento centrado la mayor parte del tiempo. (Nota rápida: su elemento debe tener un ancho declarado para que esto funcione).
El margen: 0 auto; la regla es abreviada para 0 márgenes superior e inferior, y márgenes automáticos izquierdo y derecho. Los márgenes izquierdo y derecho automáticos trabajan juntos para empujar el elemento hacia el centro de su contenedor.
Descubrí que no hay un centro flotante en CSS y me decepcionó un poco. Sin embargo, no puedo evitar preguntarme por qué. Si bien mucha gente desea usar esto para centrar el contenido, deseo usarlo para hacer flotar un montón de bloques en filas en un tamaño de página dinámico. Desafortunadamente, sin un centro flotante se ve descuidado ya que hay espacio extra (cualquiera que sea la fracción de un bloque completo que no cabe) en un lado. Me entristece que el uso previsto de los flotadores se vea afectado por la falta de esta propiedad.
No puedo ver una razón por la que no hay un centro flotante y me preguntaba si alguien tenía razones, ya sea técnicas o de otro tipo, por qué no se incluyó un centro flotante en la norma.
no hay un centro flotante porque los flotadores toman elementos del flujo de contenido y los posicionan lo más a la izquierda / derecha como sea posible. Flotan por si solos solo mueven las cosas de lado. No estoy al 100% en esta última parte, pero creo que tiene algo que ver con la impresión. Sé que la idea de flotadores fue tomada de la industria de la impresión.
En lugar de usar float: left
, use display: inline-block
en los elementos individuales y centre su contenedor.