1

本文の最初の段落の最初の文字のアウトデントを実装しようとしています。私が立ち往生しているのは、最初の文字と段落の残りの部分との間に一貫したスペースを確保することです。

たとえば、「W」と「I」の間隔には大きな違いがあります。

「私」アウトデント
'W'アウトデント

違いを軽減する方法について何かアイデアはありますか? 私は純粋な CSS ソリューションを好みますが、必要に応じて JavaScript を使用します。

PS : 必ずしも IE や Opera との互換性は必要ありません

4

2 に答える 2

5

これを に適用p.outdent:first-letter:

margin-left: -800px;
padding-right: 460px;
float: right;

これにより、最初の文字が段落の右端に配置され、段落の幅だけ左に移動し、文字とすべてのパディングの両方がフロートの大きな負のマージンに移動して、段落がマージンを取り、ラップアラウンドを試みません。

于 2008-09-20T04:53:06.093 に答える
0

「courier new」のような固定幅フォントを使用してみましたが、文字はほぼ同じ幅であるため、目立たなくなりました。

編集 - このフォントは適切ですが、Windows でしか機能しない可能性があります

p.outdent:first-letter {
    font-family: ms mincho;
    font-size: 8em;
    line-height: 1;
    font-weight: normal;
    float: left;
    margin: -0.1em 0 0 -.55em;
    letter-spacing: 0.05em;
}
于 2008-09-20T04:30:45.037 に答える