Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente | |||
devweb:css [14-01-2020 16:15] edmc73 |
devweb:css [16-11-2023 22:13] (Version actuelle) edmc73 [Aligner / centrer horizontalement] |
||
---|---|---|---|
Ligne 39: | Ligne 39: | ||
Soit tout simplement avec '' | Soit tout simplement avec '' | ||
- | Sinon il faut ruser | + | Sinon il faut ruser si on connait la largeur |
<code css> | <code css> | ||
div{ | div{ | ||
Ligne 45: | Ligne 45: | ||
margin-left: | margin-left: | ||
left: 50%; | left: 50%; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Sinon | ||
+ | <code css> | ||
+ | .parent{ | ||
+ | position: relative; | ||
+ | } | ||
+ | .child{ | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, | ||
} | } | ||
</ | </ |