css 3 Positionnement
display (inline, block, inline-block, none...)
transforme n'importe quel élément de votre page d'un type vers un autre. Par ex: imposer à ses liens (originellement de type inline) d'apparaître sous forme de blocs. Les liens vont se positionner les uns en-dessous des autres (comme des blocs normaux) et il devient possible de modifier leurs dimensions.
a
{
display: block;
}
inline-block (ex: <select>, <input> pour formulaires) : Eléments positionnés les uns à côté des autres (comme les inlines) mais qui peuvent être redimensionnés (comme les blocs).
none : Eléments non affichés. ex: .secret{display: none} à réafficher par js pour les menus/sous-menus
Pour cacher un élément
cacher | montrer |
display vs visibility |
---|---|---|
|
|
retire aussi l'espace (vertical) |
|
|
cache le tag, l'espace reste |