財団ブロック格子
共有ページのコンテンツのための大規模なグリッド:例えば、1行は関係なく、画面の平均幅が必要とされるものを、4枚の画像を表示しないために。
あなたが使用することができ<ul>
要素に加えて.small|medium|large-block-grid- num
グリッド- num個の大規模なグリッドを作成するクラス。 numが平均値を指定するために使用される番号です。
例
<ULクラス= "スモールブロック -grid-3">
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
<李> <IMG SRC = "あるparis.jpg" ALT = "パリ"> </ LI>
<李> <IMG SRC = " sanfran.jpg" ALT = "サンフランシスコ"> </ LI>
</ UL>
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
<李> <IMG SRC = "あるparis.jpg" ALT = "パリ"> </ LI>
<李> <IMG SRC = " sanfran.jpg" ALT = "サンフランシスコ"> </ LI>
</ UL>
»をお試しください
別の例として、段落を使用します。
例
<ULクラス= "スモールブロック -grid-3">
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
</ UL>
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
<李> <P>ただ、簡単な例テキスト... </ P> </ LI>
</ UL>
»をお試しください
異なるサイズの異なる数を表示します
異なるサイズのクラスの複数のグリッド・ブロックを追加することにより、ブロックの別の番号を表示するように設定することができます。
例
<ULクラス= "スモールブロック -grid-2培地ブロックグリッド-3大ブロックグリッド-4">
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
<李> <IMG SRC = "あるparis.jpg" ALT = "パリ"> </ LI>
<李> <IMG SRC = " sanfran.jpg" ALT = "サンフランシスコ"> </ LI>
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
</ UL>
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
<李> <IMG SRC = "あるparis.jpg" ALT = "パリ"> </ LI>
<李> <IMG SRC = " sanfran.jpg" ALT = "サンフランシスコ"> </ LI>
<李> <IMG SRC = " newyork.jpg" ALT = "ニューヨーク"> </ LI>
</ UL>
»をお試しください