【日本語版Webflow(ウェブフロー) University】 オートマージン

この投稿はWebflow社が提供する「Automargin」の内容を元に作成しています。

引用元：https://university.webflow.com/lesson/auto-margin

日本語版Webflow Universityでは、Webflowの基本的な使い方を解説しています。

‍

‍

Apple、Google、Stripe、などのデザインリーダーが、要素を水平方向に中央揃えする方法としてオートマージンを使用しています。定義された幅を持つ要素にオートマージンを設定することで、その要素を親要素の境界内で水平方向に中央揃えすることができます。

‍

コンテナ要素にオートマージンを選択して適用する

まず、キャンバス上の要素を選択してください。

‍

次に、スタイルパネルを開きます。

‍

最後に、Spacingの隣にある水平方向の中央揃えアイコンをクリックしてください。

‍

一言メモ

要素にWidthを設定するのを忘れないようにしましょう！