0

書式を直接追加できないメニューとして使用される順序付けされていないリストがあります。CSSで水平メニューとしてスタイル設定され、新しいアイテムが追加されます。見栄えの良い構造を提供し、各エントリの幅を最小限に抑えてすべてが収まるようにするために、ほとんどのタイトルは2/3語であるため、メニュー項目/タイトルを2行で読み上げたいと思います。例えば

たとえば、「Cat＆DogsHouses」を次のようにフォーマットしたい

猫と犬
の家


タイトルの単語数と長さは可変ですが、それらを見ると、「 10文字の後に見つかった最初のスペースに挿入する」のようなルールに従うことができれば、すべてうまくいくはずです。

サイトにはすでにjQueryがインストールされているので、それを使用することをお勧めします。

4

1 に答える 1

0

可能であれば、区切り文字を使用することをお勧めします (例: 「Cats & Dogs; Houses」)。特定のタイトルではソリューションが機能しないため、タイトルの文字列を提供しているものを編集して区切り記号を含めます。たとえば、順序を「Houses Cats & Dogs」に逆にした場合、10 文字の後の最初のスペースは次のように解決されます。

Houses Cats
& Dogs

ただし、私のアドバイスを聞きたくない場合は、純粋な JavaScript を使用してこれを行うことができます。

var string = "1234567890 Cats & Dogs Houses";
var inArray = string.split(" ");
var outArray = []

while (array.length != 0) {
   var tmp = array.shift();
   while (tmp.length < 9 && array.length != 0)
      tmp += " " + array.shift();
   newArray.push(tmp);
}
于 2012-07-26T23:05:05.237 に答える