テキストが垂直方向にセンタリングされていないテキスト

テキストのスペースが上記よりも小さいようです。テキストが垂直方向にセンタリングされていないテキスト

これをCSSでどうやって解決できますか？

2016-10-06 Thịnh Phạm

line-heightを試しましたか？関連するHTMLのCSSコードを投稿しました。 –

テキストが20ピクセルで、コンテナ（divなど）が30に強制されている場合（たとえば）、デフォルトとして左上に揃えられます。これを引き起こす可能性のある他のプロパティは、パディングまたはマージンです。テキストに余白や余白がないことを確認してください。 – JoelBonetR

できません。それはあなたが使っているフォントの中にあります。あなたが達成したいことに応じて、要素にパディングトップを追加することができます。 – connexo

テキストでno specific padding/ marginがあることを確認してください。次に、それを垂直にセンタリングするまで、テキストにproper line-heightを付けます。 google's developer tool（要素を右クリックして要素を検査するか、単にF12を押す）を試して、適切な線高さを確認することができます。

出典

2016-10-06 08:35:26

答えをありがとう。しかし、それは私がやっていることです。スクリーンショットからわかるように、ハイライトボックスにはパディング（緑色）とマージン（オレンジ色）は含まれていません –

@ThịnhPhạm 'line-height'を調整しようとしましたか？ –

しました。テキストの上下のスペースは等しくありません。私はそれがフォントの問題だと思う。 –

テキストが垂直方向にセンタリングされていないテキスト

答えて

関連する問題