料金プランを有効化して学習を始めましょう。

V Flex and H Flex要素

V FlexエレメントとH Flexエレメントを使用することで、より効率的なレイアウト設計が可能になります。

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。

引用元

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 "として表示する。