0

私はカスタム卒業ストールコンフィギュレーターを作成しています。このコンフィギュレータでは、顧客は「Classof2004」のようなテキスト行を入力できます。2つの形式の間でテキストを変更するボタンが必要です...

  1. 標準的なオリエンテーションは次のようになります:2004年のクラス

  2. 次のような垂直方向:

C

l

a

s

s

o

f

2

0

0

4

2つの方向の間で前後に入れ替えることができる場合、これを行うための最良の方法は何でしょうか?私のアイデアは、元の向きを非表示のdivのどこかに保存して、いつでも思い出せるようにし、縦のテキストボタンをクリックしたときに、スペースを「」に変換して、すべての文字の間に

1つ追加することでした。
それは一種のハッキーな方法のように聞こえるので、私は他の人がそれをどのように行うかを理解しようとしています。IE8+でも動作するようにする必要があります。

4

1 に答える 1

3

1 つのアプローチは、jQuery プラグインのlettering.jsを使用することです。このプラグインは、各文字 (または単語) をスパンでラップし、個々の単語または文字でテキストを操作できるようにします...

したがって、これを行うことができ、jquery を使用して clear:both を切り替えるか、各文字でそのようなことを行うことができます。

これがjsfiddleの例です

于 2012-10-09T17:17:57.843 に答える