Reemplazo por <center>

Esto ya lo han pedido otras personas, pero nunca he visto una respuesta adecuada. ¿Existe un reemplazo válido para la etiqueta <center>?Reemplazo por <center>

Sé que hay margin: 0 auto;, pero eso requiere establecer un ancho. También hay align="center", pero creo que ese código también es inválido.

¿Hay algo tan simple como <center> que sea válido? En raras ocasiones, sigo utilizándolo, aunque esté en desuso. Justo hoy, terminé usando un <center> para centrar el botón que necesitaba centrado en una página web. Sí, podría haber establecido el ancho y le di el margin: 0 auto, pero eso es mucho trabajo para centrar un solo elemento y ensucia mi código, del que me enorgullezco de mantenerme ordenado. Realmente no entiendo por qué <center> fue depreciado en primer lugar, si nada lo ha reemplazado.

Gracias!

Fuente

2012-07-13 JacobTheDev

posible duplicado de [HTML: Reemplazo para

] (http://stackoverflow.com/questions/1926864/html-replacement-for-center) –

text-align: center es lo que debe utilizar. De hecho, la forma ideal es la siguiente:

.center { 
    text-align: center; 
} 
.center > div, .center > table /* insert any other block-level elements here */ { 
    margin-left: auto; 
    margin-right: auto; 
}

Obviamente, no es tan simple como podría desear.

Personalmente, yo sólo uso:

.center {text-align: center;} 
.tmid {margin: 0px auto;}

A continuación, aplicar clases cuando sea necesario.

Fuente

2012-07-13 20:43:50

-1

text-align: center es el CSS equivalente

Fuente

2012-07-13 20:43:33 Cfreak

No. Trate de poner un elemento de nivel de bloque en un '

' y verá que el elemento en sí está centrado. –

No es tan fácil centrar los elementos sin la etiqueta central.

Para ello, tiene que hacer una solución que funciona incluso en IE6:

Es necesario un envoltorio div alrededor del elemento que desea estar centrado y utilizar text-align:center; width:100%. Dentro de este div se ubica otro div y establecer margin para automóviles y text-align:left;

<div style="text-align:center; width:100%"> 
    <div style="margin:auto; text-align:left;"> 
     This Container is centered 
    </div> 
</div>

Si lo que desea es centrar el texto puede utilizar <p style="text-align:center;"></p>

Este es el núcleo. Para simplificar la cosa, se puede utilizar una clase para esto (como Kolink escribió):

CSS:

.center { 
    text-align:center; 
    width:100%; 
} 
.center:first-child { //doesn't work in IE 6 
    margin:auto; 
    text-align:left; 
}

HTML:

<div class="center"> 
    <div> 
     This Container is centered 
    </div> 
</div>

Fuente

2012-07-13 20:53:06 WolvDev

La razón por la <center> es obsoleto es que es no es una etiqueta semántica, es más bien presentacional y deberíamos evitar cualquier cosa en HTML que no sea de naturaleza semántica.

Es la misma razón que otros elementos de presentación como <b>, <i> etc. han quedado obsoletos, ya que hay formas de lograr lo mismo en el CSS.

Fuente

2012-07-14 18:11:37

Esto podría ser información útil, pero no responde la pregunta en absoluto. –

-1

esto es oferta PHP-STORM: uso esto:

<div style="text-align: center;"></div>

Fuente

2015-09-23 19:22:26 javaddroid

reemplazo para la etiqueta centro: (que debe hacer tanto)

Usar este estilo para el elemento padre:

text-align: center;

Usar este estilo para el elemento actual:

margin-left: auto; margin-right: auto;

Fuente

2016-10-07 23:41:20 gnath

.centered { 
    margin-left: auto !important; 
    margin-right: auto !important; 
} 
* > .centered { 
    text-align: center !important; 
    display: block; 
}

Fuente

2017-01-07 03:36:34 Vino

Es mejor incluir algún contexto/explicación con el código ya que hace que la respuesta sea más útil para el OP y para los lectores futuros. – EJoshuaS

para centrar los elementos que uso esto:

.middlr { 
    display: block; 
    margin: auto; 
}

obras para cada/cualquier elemento. funciona para mi.

Fuente

2017-09-01 18:35:18 ryanwaite28

que consideran que esta respuesta en un blog

<img src="bullswithhorns.jpg" alt="Michael with the bull" style="width:150px;height:200px;margin:0px auto;display:block">

Source

Fuente

2017-09-15 22:06:35

Respuesta

Cuestiones relacionadas