さまざまなコンピュータ解像度でボタンが中央に表示されるようにする方法
P粉974462439
P粉974462439 2023-08-13 18:51:08
0
2
546
<p>モバイル解像度</p> <p>ブートストラップを使用しており、正常に中央に配置されていますが、解像度を変更したりズームアウトすると、ボタンが折り返され、わずかに右に移動します。誰かが私が何を間違っているか教えてもらえますか? </p> <pre class="brush:php;toolbar:false;">--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; }</pre> <p>中央に配置しようとしましたが、より大きな解像度では機能しますが、モバイル解像度では左に移動します</p>
P粉974462439
P粉974462439

全員に返信(2)
P粉278379495

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

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

いいねを押す +0
P粉638343995

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート