J'essaie d'ajouter des messages les uns après les autres. J'ai d'abord utilisé ce CSS, mais il ajoute tous les messages au même endroit. Comment puis-je modifier ce code pour les ajouter les uns après les autres (comme le mur facebook)?

   .post00{
    top:150px;
    left:500px;
    position:absolute;
    width:600px;
    height:210px;
    background:white;
    word-break: break-all; word-wrap: break-word;

    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    }

Si je supprime le haut, la gauche et l'absolu, les messages ne seront pas alignés au centre.

-1
Abdallah Sakre 8 nov. 2019 à 16:51

1 réponse

HTML

.post00{
    display:flex;
    justify-content:center;
    align-items:center;
    background:white;
    word-break: break-all; word-wrap: break-word;

    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

Utiliser l'affichage: flex; pour centrer le contenu "justifier-contenu; centre" pour aligner le contenu centre-horizontal et "aligner-éléments: centre;" pour aligner le contenu centre-vertical.

1
Ahsan Tanveer 8 nov. 2019 à 14:01