CSS Flexbox を使用してボタンを中央に配置する方法

HTML では、ボタンは特定のアクションを実行するために使用されるクリック可能な要素です。 CSS を使用して、配置したいボタンの位置を設定できます。そうするために、CSS にはいくつかのテクニックがあり、そのうちの 1 つが flexbox です。 「 フレックス 」は、ビューポートに従って要素の位置を設定するために使用されます。

この記事では、CSS Flexbox を使用してボタンを中央に配置する方法を説明します。

それでは始めましょう！

CSS flexbox を使用してボタンを中央に配置する方法は?

「 フレックス 」はCSSのdisplayプロパティに設定された値です。ビューポートのサイズに応じて、コンテンツまたは要素を設定します。 CSS では、flex 値によって要素間に等間隔が作成され、要素が効率的に配置されるようになります。

構文

上記の構文では、「 フレックス 」は、「の値として指定されます。 画面 ' 財産。

それでは、flex を使用してボタンを集中化する例を見てみましょう。

例

HTML の 内に、「」という名前の