さまざまなコンピュータ解像度でボタンが中央に表示されるようにする方法

Question

モバイル解像度

ブートストラップを使用しており、正常に中央に配置されていますが、解像度を変更したりズームアウトすると、ボタンが折り返され、わずかに右に移動します。誰かが私が何を間違っているか教えてもらえますか?

--HTML--
<div class="d-gridギャップ-2col-2mx-autotext-center">
       <button id="Get" class="btn btn-outline-success btn-lg" type="button">最新のアップロード</button> </div>

--CSS--
＃得る {
    境界線の幅: 4px;
    フォントファミリー: Lexend;
}

中央に配置しようとしましたが、より大きな解像度では機能しますが、モバイル解像度では左に移動します

Answer 1

相対位置指定 position:相対 を親 <div> に追加してから、絶対位置指定 position:Absolute をボタンに追加してみることができます。 左: 50%; 上: 50%; 変換: 変換(-50%, -50%); を追加します。

これにより、ボタンの位置は解像度や画面サイズに依存しなくなります。これで問題が解決されることを願っています。

Answer 2

リーリー リーリー