-1

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

ここに画像の説明を入力

ここに画像の説明を入力

4

3 に答える 3

1

重要なのは、その要素の周りのパディングを調整することです。現在、上部に 18 ピクセル、下部に 4 ピクセルのパディングがあります。これはバランスが取れていないため、テキストは垂直方向の中央に配置されません。水平方向の中央に配置するには、左右のパディングが同じであることを確認してください。垂直方向の中央に配置するには、上部と下部のパディングが同じであることを確認してください。

短縮宣言を使用してこの効果を作成できると、おそらく役立つでしょう。 padding: 10px 20px;上下を 10px に、左右を 20px に設定します。

于 2012-05-17T03:28:58.027 に答える
1

パディングの設定だと思います。緑のエリアが見えますか?それらはパディングです。あなたの現在の t パディングは

 padding-top:14px; 
 padding-right:18px 
 padding-bottoem:4px;
 padding-left:18px;

テキストが中央に表示されていないのはそのためです。パディングをに設定しようとすることができます

 padding: 12px;

これを試してみましたが、Chrome と Firefox で動作します

于 2012-05-17T03:41:01.313 に答える
0

CSS全体を表示する必要がありますが、ボタンに設定しようtext-align: center;としましたか?line-height: 46px

于 2012-05-17T03:19:16.130 に答える