Stiftung Blockraster
Massiver Raster für die gemeinsame Nutzung Seiteninhalt: zum Beispiel eine Zeile vier Bilder angezeigt werden, egal, was die durchschnittliche Breite des Bildschirms erforderlich ist.
Sie können die Verwendung <ul> Element Plus .small|medium|large-block-grid- num Gitter- num Klasse massiven Raster zu erstellen. num ist die Anzahl verwendet , um den Durchschnitt zu spezifizieren:
Beispiele
<Ul class = "Small-Block -Grid-3">
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
Versuchen »
Ein weiteres Beispiel, verwenden Absatz:
Beispiele
<Ul class = "Small-Block -Grid-3">
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
</ Ul>
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
<Li> <p> Nur ein einfaches Beispiel Text ... </ p> </ li>
</ Ul>
Versuchen »
Zeigen eine unterschiedliche Anzahl von verschiedenen Größen
Durch Hinzufügen mehrerer Gitter Blöcken unterschiedlicher Größenklassen festgelegt werden, um eine unterschiedliche Anzahl von Blöcken anzuzeigen:
Beispiele
<Ul class = "Small-Block -Grid-2 - Medium-Block-Gitter-3 Großblock-Grid-4">
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
</ Ul>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
</ Ul>
Versuchen »