以下に示すように、さまざまなコンピューターでテキストをオフセットするように制御するものはわかりません。1 つは青色の領域内で正しく中央に配置され、もう 1 つは何らかの理由でオフセットされているように見えます。テキストフィールドとボタンで発生しています。ライブサイト:http ://www.muuzik.me:8000


以下に示すように、さまざまなコンピューターでテキストをオフセットするように制御するものはわかりません。1 つは青色の領域内で正しく中央に配置され、もう 1 つは何らかの理由でオフセットされているように見えます。テキストフィールドとボタンで発生しています。ライブサイト:http ://www.muuzik.me:8000


重要なのは、その要素の周りのパディングを調整することです。現在、上部に 18 ピクセル、下部に 4 ピクセルのパディングがあります。これはバランスが取れていないため、テキストは垂直方向の中央に配置されません。水平方向の中央に配置するには、左右のパディングが同じであることを確認してください。垂直方向の中央に配置するには、上部と下部のパディングが同じであることを確認してください。
短縮宣言を使用してこの効果を作成できると、おそらく役立つでしょう。
padding: 10px 20px;上下を 10px に、左右を 20px に設定します。
パディングの設定だと思います。緑のエリアが見えますか?それらはパディングです。あなたの現在の t パディングは
padding-top:14px;
padding-right:18px
padding-bottoem:4px;
padding-left:18px;
テキストが中央に表示されていないのはそのためです。パディングをに設定しようとすることができます
padding: 12px;
これを試してみましたが、Chrome と Firefox で動作します
CSS全体を表示する必要がありますが、ボタンに設定しようtext-align: center;としましたか?line-height: 46px