Das kleine Programm Ruhe nutzt die internen Komponenten von view, um Seitenlayoutfunktionen auszuführen.

Dieser Artikel stellt hauptsächlich die Verwendung kleiner Programme und die Verwendung interner Ansichtskomponenten zum Layouten vor. Jetzt kann ich ihn mit Ihnen teilen.

Wissenspunkte einbeziehen:

1. Vertikal und horizontal anordnen

2. Zentrierte Ausrichtung

Beispiel:

1 Komponentenansicht

　

Anzeigeeffekt:

2. Geben Zuerst legt die übergeordnete Ansicht einen Höhen- und Farbwert fest, um den Effekt zu sehen

　

　

🎜>

3. Implementieren Sie horizontale und vertikale Anordnungsstile 　　

　Horizontale Anordnung:

　

------->

Vertikale Anordnung (keine Einstellung, standardmäßig vertikale Anordnung):

4. Zentrierungseffekt erzielen

Der Zentrierungseffekt ist abhängig von der horizontalen Anordnung in zwei Situationen unterteilt oder vertikale Anordnung in 3.

① Wenn horizontal anordnet, legt

justify-content:center ;

fest, dass horizontal zentriert ist

　

---------->

② Wenn horizontal mit angeordnet ist , align-items:center;Bestimmen

vertikal zentriert

　　　

------------------- ------- --->

③ Wenn vertikal anordnet, entscheidet sich justify-content:center; für

vertikal zentriert

　　　

--------------------->, wenn

ist vertikal. Beim Anordnen von bestimmt align-items:center; horizontal zentriert 　　-------------- --- ----->

⑤, wenn align-items:center; und justify-content:center beide existieren

,

unabhängig davon So legen Sie die Anordnungsrichtung der übergeordneten Ansicht fest, und alle untergeordneten Ansichten sind horizontal und vertikal zentriert

　　------- --- ------------>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das weitere Studium hilfreich ist Inhalt, achten Sie bitte auf die chinesische PHP-Website! Verwandte Empfehlungen:

So verwenden Sie die Swiper-Komponente, um die Karussellfunktion im Miniprogramm zu implementieren

Das Anzeigen und Ausblenden dynamischer Steuerungskomponenten im Miniprogramm

Implementierung eines Miniprogramms, das eine for-Schleife verwendet, um das Klickereignis eines Elements zu binden

Das obige ist der detaillierte Inhalt vonDas kleine Programm Ruhe nutzt die internen Komponenten von view, um Seitenlayoutfunktionen auszuführen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!