私はウェブサイトを作成していますが、2 つの問題があります<div position:absolute;left:Xpx;top:Ypx>(X と Y は数字です) コード<div position:absolute;left:Xpx;top:Ypx>は、文、画像、または時間などの位置を設定します... 私のウェブサイトでは、文を使用して設定し、中央に下に設定しました、ブラウザを元に戻してサイズを変更すると、文章の位置が変わる問題！画面が大きい（または小さい）別のPCまたはラップトップに移動すると、文の位置が中央から左に変更されるという別の問題！「px」パラメーターの問題は、ブラウザー画面のサイズを変更すると、画面が異なる別のコンピューターと同じように、px の位置が変更されるためだと思います。の例<div>:
<div style="font-size:80%;position:absolute;l…
<p>Estimated Time Remaining Before launch:</p>
</div>
これらの問題を解決するにはどうすればよいですか？
「絶対」位置を設定しています。ブラウザのサイズに関係なく、要素は常に左から「X」ピクセル、上から「Y」ピクセルに配置されます。私があなたの説明から理解しているように、要素を常に中央に配置したい場合、私が見つけた最良の方法は、その親要素 (要素が含まれている要素) を css スタイルで設定することです。
text-align:center;
次に、css スタイルを使用して中央に配置する要素を設定します。
margin:0px auto;
0px は要素 (Y 軸) の上下の余白を指し、auto は要素の左右の余白を設定します。あるいは、それが混乱する場合は、個々のマージンを次のように設定できます。
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
上下の余白は好きなように設定できますが、左右は自動のままにしておく必要があります。要素を完全に中央に配置したい場合は、パーセンテージとして設定することをお勧めしますが、多くの画面サイズで完全に機能させるには多くの微調整が必要です。
幸運を祈ります。
PS 要素が position:absolute; ではないことを確認する必要があります。代わりに :relative; を与えます。または空白のままにする