5

増加したテキストを中央揃えにしてletter-spacing、実際にコンテナの中央に配置するための最良の方法は何ですか？テキストはh5、親内で中央揃えになっているタグ内にありますが、各文字の右側に適用されるdivため、左側に目立つように配置されています。letter-spacing手動で左のパディングを追加することはできますが、ブラウザーのズームレベルを変更した場合、一貫して整列されたままにはなりません。

cssまたはJavaScriptを使用して、各文字間の間隔を計算する方法はありますか？すべてが中央に配置されるように文字の間にスペースを挿入するより良い方法はありますか？

コンテナdivにはすでに20pxすべての側面にパディングがあるので、本当に0.75em左側のパディングに追加する必要があります。h5およびコンテナタグに関連するcssは次のとおりです。

.container {
    padding: 20px;
    float: left;
}

.container h5 {
    font-size: 33px;
    letter-spacing: 1.5em;
    text-align: center;
}

コンテナは次のようになります。

容器

4

3 に答える 3

4

ただ指定することはできませんpadding-left: 1.5em;か.container h5？

于 2013-02-03T22:54:10.177 に答える
3

別の解決策として、を指定することもできますmargin-right: -1.5em;。.container h5これにより、整列時にコンテナに余分なスペースを追加することはありません。

于 2013-02-03T23:05:59.097 に答える
0

古いですが、別の解決策（トリック）は、文字の間にスペースを追加することです。私にとっては、文字の間に大きなスペースが必要なので、これが最善の解決策です;）

于 2015-06-11T04:02:10.223 に答える