Detaillierte Erläuterung gängiger Methoden zur Ausrichtung von CSS-Operationen

In diesem Artikel werden hauptsächlich die Ausrichtungsmethoden gängiger CSS-Operationen erläutert:

1 Verwenden Sie das Randattribut für die horizontale Ausrichtung

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

Margin: Wert 1 Wert 2

Wert 1 steht für oben und unten. Wert 2 steht für links und rechts

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

2. Verwenden Sie das Positionsattribut für die Ausrichtung links und rechts

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

3 . Verwenden Sie das Float-Attribut zur Ausrichtung nach links und rechts

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung gängiger Methoden zur Ausrichtung von CSS-Operationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!