简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

So verwenden Sie das Flex-Layout zum Verteilen von Spalten

高洛峰
Freigeben： 2017-03-15 10:05:07
Original
2741 Leute haben es durchsucht

In diesem Artikel wird die Methode zur Verwendung von Flex-Layout zum Verteilen von Spalten vorgestellt

HTML-Code

<div class=&#39;items&#39;>
    <div class=&#39;item&#39;></div>
    <div class=&#39;item&#39;></div>
    <div class=&#39;item&#39;></div>
</div>
Nach dem Login kopieren

CSS-Code

Elemente:{

　display:flex;

flex-direction:column;
-webkit-flex-direction:column;
-moz-flex-direction:column ;
　-o-flex-direction:column;

}

.item{

　height:40px;

}


Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Flex-Layout zum Verteilen von Spalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
flex column
Quelle：php.cn
Vorheriger Artikel：Codedemonstration zur Implementierung des Canvas-Bezier-Kurveneffekts Nächster Artikel：So fügen Sie das Website-Logo vor dem Titel der Titelleiste hinzu
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Gibt es eine Möglichkeit, die vertikale Zentrierung des Texts in der Flexbox zu erzwingen, unabhängig davon, welchen anderen CSS-Code wir haben? Ich habe den folgenden CSS-Code, der Teil eines größeren CSS-Codes ist, der in einer Websi...
Aus 2024-04-06 20:41:51
0
1
518
Wie optimiere ich diese Karten, damit sie mit Boostrap 4 reagieren? Wie kann ich dafür sorgen, dass in jeder Reihe 4 Karten angezeigt werden und diese natürli...
Aus 2024-04-05 10:48:45
0
1
4072
Richten Sie DIV mittig am Inhalt auf beiden Seiten aus Ich habe also 5 Elemente (innerhalb des enthaltenden DIV). Die Anordnung der Elemente ist ...
Aus 2024-04-04 23:19:14
0
1
3438
CSS- und HTML-Methoden zum Verschieben von Absätzen nach links auf Bildschirmen in Mobilgröße Auf einem normalen 16:9-Computerbildschirm sieht es perfekt aus, mit Text auf der linken S...
Aus 2024-04-04 20:25:22
0
1
330
Ändern Sie die Deckkraft des Bildes, wenn Sie eine Option aus dem Formular auswählen Wie kann ich die Deckkraft des idMaster-Bildes auf 1 ändern, wenn ich die Option mit dem W...
Aus 2024-04-03 23:00:48
0
2
304
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！