タブの段組みについて

いつもお世話になっております。

タブを利用した項目分けをJavaとCSSを利用して書いておりますが、

タブを追加していくと横に羅列され続けます。

タブが一定数並ぶとそれ以降のタブはその下の列に表示されるというようにしたいのですが、

どのようにすれば良いでしょうか?(タブが5ヶ並んだら、その下に5ヶ並び、その下にもまた5ヶといった具合)恐らくCSSの書き方だと思いますが、

どなたかご教授頂けますでしょうか?

 

小野さん

こんにちは。

 

まだ解決されていないようでしたら

一番シンプルなのは段数分divで分けるという方法と思います。

<div>
1段目に入るタブ要素の羅列
</div>
<div>
2段目に入るタブ要素の羅列
</div>
<div>
3段目に入るタブ要素の羅列
</div>

 

あるいは、1つのdiv内に全タブを羅列した上で、横幅(width)を定義すれば

その長さを超過する要素が生成された際に自動で段が変わるという方法もあります。