HTML内の文字の間のスペースを削除するにはどうすればよいですか？パディングが機能しません

enter image description here パディングを0pxとして追加したにもかかわらず、文字 'അ'の前に空白（赤色でマーク）が表示されるのはなぜですか？HTML内の文字の間のスペースを削除するにはどうすればよいですか？パディングが機能しません

<span style="margin:0;padding:0;border:1px solid blue;font-size:128px">അ</span>

出典

2012-04-21 Habeeb Perwad

問題の[jsFiddle]（http://jsfiddle.net/api/post/jquery/1.7.1/）の例を追加してください。それは私たちがあなたを助けるのに役立ちます。 –

http://jsfiddle.net/8HYuC/ –

このスペースはフォントの一部です。それを削除するには、負の~~letter-spacing~~margin-leftを使用してください。

Example

注：これが唯一のスパン全体に数ピクセルの背面に移動します。実際には、スペースはまだそこにあり、適切に取り除くことはできません。

出典

2012-04-21 14:44:31

を参照してください。ただし、フォントによって異なります。別のフォントを使用しているときに重複していないことを確認してください。 –

症状は治癒したに過ぎませんが、原因は治癒しませんでした。 – hakre

@ hakre：古い言葉が通ります：それはバグではない、それは機能です！ –

タイポグラフィでは、文字間の間隔は、審美性と可読性の面から調整されることがよくあります。スペースでも共通のASCII文字であります

<span style="margin:0;padding:0;border:1px solid blue;font-size:128px;letter-spacing:0px;">a</span>

enter image description here

しかし、スペースがあるため、以前と次の文字が何であるかのように異なる変数で異なっています。

あなたが

More info

出典

2012-04-21 15:02:47

'letter-spacing'はスペースを削除しません。代わりに各文字の余白に似ています。 –

はい、私は知っていますが、範囲にマージンを適用することはできますが、スパン内の個々の文字には適用できません。それはトリッキーです。リンクされた記事は主題の上に深く入ります。 –

ホワイトスペースはインラインポジショニングでの作業から発生し、スパンは常にインライン要素であり、負のpaddingとletter-spacingで遊んでいくつかの結果をachiveすることができます。ソリューションはこちら：https://css-tricks.com/fighting-the-space-between-inline-block-elements/

lettering.jsを見ましたか？タイポグラフィ用に特別に機能するjqueryプラグインです。

出典

2017-02-12 14:28:42 agitron

あなたの答えは100％正しいですが、そのリンクが移動、変更、別のサイトまたはメインサイトにマージされた場合はが消えるだけです... **： - （**したがって、あなたの答えを編集し、あなたの答えにリンクから関連するステップをコピーすることで、あなたの答えはこのサイトの生存期間の100％を保証します！**; - ）**あなたはいつでも素材の回答の下に... –

HTML内の文字の間のスペースを削除するにはどうすればよいですか？パディングが機能しません

答えて

関連する問題