Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung gängiger Methoden zur Ausrichtung von CSS-Operationen

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

高洛峰
高洛峰Original
2017-03-26 11:19:101240Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn