Min top css ?

Salut !

Voilà j'ai un petit pb css (je bosse avec angular et flex layout un peut l'équivalent de flexbox mais en responsive) et j'utilise la propriété fxLayoutAlign = "center center" pour centrer mes éléments sur la largeur ET la hauteur.

PB si les éléments sont plus grand que la hauteur, on ne voit pas le haut des éléments malgrés le scoll.

Existe-t-il à votre connaissance un moyen de mettre un top min dans ce genre de cas ?
(si le offset.top d'un éléments est négatif par ex il revient à 0).

(ou toute autre solution)

Merci si vous pouvez m'aider.
Modifié par Math17 (02 Jun 2020 - 21:15)

bonjour/bonsoir,

regarde au mot clé safe à https://developer.mozilla.org/fr/docs/Web/CSS/align-items

fonctionne aussi pour justify-content.

en gros :

justify-content:safe center;
align-items:safe center;

Tu auras probablement de créer une class spécifique pour ça.

Si l’élément à centrer est unique , alors , margin:auto le centreras sans qu'il ne sorte de son parent flex; Cela ne semble pas le cas apparemment.

Cdt.
Modifié par gcyrillus (02 Jun 2020 - 23:32)

Hello,

Sympa safe/unsafe, super intéressant je ne connaissais…
Par contre, ce n'est pas encore super compatible

Par contre @Math, j'ai fais un test et j'obtiens bien ce que tu dis avec le comportement par défaut…