Flexbox centre et en bas à droite de l'élément
Je suis en train de réaliser le résultat suivant à l'aide de flexbox:
J'ai essayé avec le code html suivant, mais je ne peux pas le faire fonctionner.
<div class=" flex-center">
<div class="flex-item-center">
<p>
Some text in box A
</p>
</div>
<div class="flex-item-bottom">
<p>Some text in box B....</p>
</div>
</div>
CSS:
.flex-center {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.flex-item-center {
align-self: center;
}
.flex-item-bottom {
align-self: flex-end;
}
Comment puis-je la faire ressembler à l'image?
OriginalL'auteur yeouuu | 2015-09-04
Vous devez vous connecter pour publier un commentaire.
Est-ce ce que vous recherchez? http://jsfiddle.net/DIRTY_SMITH/q12bh4se/6/
OriginalL'auteur Adam Buchanan Smith