このページを日本語で閲覧するには「続ける」を押してください。
Press "Continue" to see this page in English.
料金プランを有効化して学習を始めましょう。

V Flex and H Flex要素

より効率的なレイアウト設計には、V Flex 要素と H Flex 要素を使用しましょう。

アクセス制限

レッスン動画を閲覧するには、会員登録が必要です

レッスン動画を閲覧するには、会員登録と有料プランの加入が必要です

アクセス制限

レッスン動画を閲覧するには、有料プランの加入が必要です。

レッスン内容

V Flex、H Flexの概要

V Flex H Flex要素は、あらかじめフレックスボックスに設定されたdivブロックです。これらの要素を使えば、フレックスボックスを使ったデザインをより効率的に行うことができます。

V Flexはvertical flexboxに設定されており、div内に配置された子要素は垂直方向(つまり、上から下)に流れる。H Flexはhorizontal flexboxに設定されており、div内に配置された子要素が水平方向(つまり左から右)に流れることを意味します。これらの要素には、Add panel > Structureセクションでアクセスできます。

注:Navigatorパネルは、V FlexとH Flex要素を "Flex Block "として表示する。

コースのレッスン

No items found.

学習進捗

閲覧後に「完了」を押して、進捗を保存しましょう