domingo, 31 de diciembre de 2017

Centrado de tablas CSS

Mediante HTML
La antigua manera de centrar horizontalmente una tabla era fácil:
   <table align = "center">
     ...
   </ table>

El atributo "align" se ha depreciado, a favor de CSS, y esto es algo bueno.
https://www.w3.org/TR/html401/struct/tables.html#h-11.2.1

Sin embargo, no es tan obvio cómo centrar una tabla usando CSS.

Para centrar una tabla
Método 1
Si los navegadores van con los estándares, deben centrar tablas si los márgenes izquierdo y derecho son iguales . La forma más sencilla de lograr esto es establecer los márgenes izquierdo y derecho en "auto" (http://theodorakis.net/tablecentertest.html) EL NAVEGADOR CALCULA AUTOMATICAMENTE LOS MARGENES A LA DERECHA Y A LA IZQUIERDA Y LO CENTRA LA TABLA. Por lo tanto, uno podría escribir en una hoja de estilo:

   table.center {   /*yo: o  mas simple .center {...}*/)
     margin-left: auto;
     margen-derecha: auto;
   }
u otra solución mas simple que he visto:
  .center  {
      margen: 0 auto;
   }

Y luego hacer esto en el HTML:
   <table class = "center">
     ...
   </ table>
https://www.granneman.com/webdev/coding/css/centertables




La forma más obvia podría parecer usar el CSS "text-align: center;" en algún lugar, tal vez como uno de estos

No hay comentarios:

Publicar un comentario