Centralizar DIV sem tamanho fixo

GustavoDose · Maio 29, 2014

Boa tarde galera.

Alguem sabe de algum turorial ou como fazer para uma div ficar sempre centralizada, so que essa div nao pode ter tamanho pois quando o cliente cadastrar os produtos a div tera que aumentar o tamanho mas que continue centralizada independentemente de quantos produtos ele ira cadastrar.

Alguem sabe como fazer isso, ou tem alguma ideia ?

gabriel-costa · Maio 29, 2014

Olá Gustavo.

Basta que adicione as propriedade em css na div:

display: table;

margin:0 auto;

exemplo:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Teste Div Center</title>
	<style type="text/css">

		#wrapper {
			position: relative;
			width: 960px;
			height: 300px;
			background: #fff;
			margin: 0 auto;
		}
		#wrapper div#content{
			display: table;
			margin: 0 auto;
		}

	</style>
</head>
<body>
    <div id="wrapper">
      	<div id="content"> 
           <img src="http://placehold.it/350x150">
      	</div> 
     </div>
</body>
</html>

Qualquer dúvida estou a disposição.

Entrar

Arquivado

Centralizar DIV sem tamanho fixo

Recommended Posts

GustavoDose 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gabriel-costa 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta sem duplicação

Modelagem para questionário

Converter jpg para webp

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante