So implementieren Sie den Neun-Quadrat-Rasterstil im Flex-Layout in CSS (Code)

Der Inhalt dieses Artikels befasst sich mit der Implementierung des Neun-Quadrat-Rasterstils (Code) im Flex-Layout in CSS. Ich hoffe, dass er für Sie hilfreich ist .

nbsp;html>

<style>
.block {
    padding-top: 30%;
    margin-top: 3%;
    border-radius: 10%;
    background-color: orange;
    width: 30%;
}
.container-flex2  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>

   <div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

Empfohlene verwandte Artikel:

Eine kurze Einführung in das Flex-Layout des Anzeigeattributs in CSS3

Mehrere Techniken (Code), die bei der Implementierung von Layout mit CSS verwendet werden können

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den Neun-Quadrat-Rasterstil im Flex-Layout in CSS (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!