Explication détaillée des méthodes courantes d'alignement des opérations CSS

Cet article explique principalement en détail les méthodes d'alignement des opérations CSS courantes. Les amis intéressés peuvent se référer à

1 Utilisez l'attribut margin pour l'alignement horizontal

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    margin-left: auto;
    margin-right: auto;
}

marge : valeur 1. Valeur 2

La valeur 1 représente le haut et le bas La valeur 2 représente la gauche et la droite

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    margin: 100px auto;
}

2. Utilisez l'attribut position pour l'alignement à gauche et à droite

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    position: absolute;
    right: 0px;
}

3 . Utilisez l'attribut float pour l'alignement Aligner à gauche et à droite

*{
    margin: 0px;
}
.div{
    width: 70%;
    height: 1000px;
    background-color: red;
    float: left;
}

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!