LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

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

目次

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談