Centralisation d'un élément flottant

Mon élément "div" a une largeur relative, il n'est pas absolu, donc je ne peux pas utiliser les nombres exacts pour centraliser. Une bonne solution est d'utiliser "display: inline-block":Centralisation d'un élément flottant

body { 
    text-align: center; 
} 

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    padding: 50px; 
}

Mais cet élément a besoin de flotter, j'ai essayé ceci:

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    float: left; 
    padding: 50px; 
}

Et ceci:

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    padding: 50px; 
    position: absolute; 
}

Sans un succès, quelqu'un peut-il m'aider?

Merci

Source

2010-05-17 Caio

Je ne vois pas de largeur, pas même une * relative * une. Si vous déclarez un élément comme float, vous devez toujours spécifier une largeur. –

Je ne pense pas que vous ayez besoin de largeur pour que certains éléments flottent ... C'est juste que si vous voulez faire flotter plusieurs éléments (li par exemple) alors il serait sage de mettre une largeur pour chaque élément afin de pouvoir contrôler ce flottant. Si vous n'avez pas la largeur ce qui peut arriver est que tous ces éléments intérieurs (flottants) ont une largeur combinée plus grande que la largeur du conteneur parent, alors le dernier élément flottant flottera au-dessous du 1er élément ... :) – Gavrisimo

#myDiv { 
    margin: 0 auto; 
}

Source

2010-05-17 23:57:11

Vous pouvez centrer tout élément de bloc avec ce CSS:

margin:auto; 
width: some fixed value;

besoin donc elment d'avoir une largeur fixe, afin d'être centerd comme ça.

Source

2010-05-18 00:14:59 Gavrisimo

Centralisation d'un élément flottant

Répondre

Questions connexes