2

いくつかのテキストを含む垂直に回転したスパン要素があります：

span{
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  height: 100%;
}

.container{
  width: 40px;
  height: 500px;  /* <- this can change */
}

コンテナの高さに応じてスパンからのテキストの文字間の間隔が変化するようにするにはどうすればよいですか？基本的に、テキストを要素の高さ全体にまたがらせたいです...

4

2 に答える 2

4

...どこか、はるか遠くのjavascriptファイルで...

$(".container").each(function(idx, el) {
    $(el).css("letter-spacing", calculateSpacing(el, $(el).height()));        
});

ここにあるプラグインを使用できます。このプラグインには、高さではなく幅で機能しますが、calculateSpacing関数が含まれています（したがって、いくつかの変更が必要になる場合があります）。

http://heychinaski.com/jquery/js/jquery.charjustify.js

于 2011-04-04T05:41:54.750 に答える
3

％のサイズは幅を使用しますが高さは使用しないため、javascritなしでは実行できないと思います。要素の高さを内部の文字数で割って文字間隔として設定するスクリプトを作成します。

于 2011-04-03T15:31:46.510 に答える