【解決方法】CSSグリッドの行と列の違いは何ですか?

[ad_1]

こんにちは、CSS グリッドの列と行について少し混乱しています。

たくさんのビデオを見たり、いくつかの記事を読んだりしましたが、私が得た定義のいくつかは、私が学んできたことや目に見えるものと一致しません.

説明します。 したがって、この Grid には 3 つの列と 2 つの行があります。

YouTube ビデオ「CSS グリッド レイアウト コース #09: グリッドの行と列を設定する」の視覚的な説明を次に示します。

グリッドを見るだけで、Codeacademy の定義が少しわかりにくいことがわかります。

列の軸は、Web ページの上から下に伸びます。

行軸は、Web ページ全体で左から右に伸びます。

私が試したこと:

関連するYouTube動画のほとんどを見てみました。 このトピックに関する記事をいくつか読んだことがありますが、事態はさらに混乱しているようです。

解決策 1

ほとんどすべてのテーブルはカレンダーと同じように機能します: 数日、数週間下:

          February
   Sun Mon Tue Wed Thu Fri Sat  
W1  01  02  03  04  05  06  07
W2  08  09  10  11  12  13  14
W3  15  16  17  18  19  20  21
W4  22  23  24  25  26  27  28
W5  29  30  31  01  02  03  04

各曜日が列で、各週が行です。
列は左から右に横に並び、行は上から下に流れます。

2 月 24 日は 4 行 3 列、3 月 3 日は 5 行 6 列です。

わかる?

[ad_2]

コメント

タイトルとURLをコピーしました