ボタンのテキストを中央に配置する

ボタンのテキストが中央に配置されないのはなぜですか?

ボタンのテキストが表示されていることに気づいたら 中心からずれている、またはずれているサイズ設定やボタンに追加のパディングが適用されていることが原因の可能性があります。一般的な原因としては、以下のようなものが挙げられます。

• 変更されたサイズ設定: ボタンの幅と高さを調整すると、テキストの中央配置が影響を受ける場合があります。
• 追加のパディング: ボタン内のパディングが不均一だと、テキストが中央からずれてしまう場合があります。
• 配置設定: 垂直方向の配置が適切に設定されていない場合、ボタンのラベルが予想よりも少し高くまたは低く見えることがあります。

GemPages でボタンのテキストを中央に配置するにはどうすればよいでしょうか?

ボタン内のテキストを中央揃えにして、ボタンがプロフェッショナルに見えるようにするには、次の手順に従ってください。

#1. パディングをリセットまたは調整する

ステップ1： エディタで、 ボタン要素 設定パネルを開きます。

ステップ2： 動画内で パディング 下 サイズ のセクションから無料でダウンロードできます。

ステップ3： パディングが不均一な場合は、すべての辺の間隔が均等になるように調整してください。これにより、ボタン内のテキストの位置が調整されます。

#2. ボタンの幅と高さを確認する

ステップ1： に行きます サイズ 設定を行います。

ステップ2： ボタンの高さが幅に比例し、テキストが中央に表示されるようにします。

#3. カスタムコードを使用する

パディングやサイズの調整を行ってもボタンのテキストが完全に中央揃えにならない場合は、小さなカスタムCSSルールを追加してください。これにより、水平方向と垂直方向の配置がピクセル単位で完璧に整列します。

ステップ1： ボタン要素を右クリックして選択 カスタムコード.

ステップ2： コードエディタで、次のコードをコピーして、 CSS タブ。

 display: flex;

  align-items: center;

  justify-content: center;

ステップ3： 更新を保存して結果を確認します。