CSSの自動幅親 'div'内の子div '

Question

「panel」という名前の親divの「item」に複数の子divがあります。

"item" divの幅を同じにして、 "panel" div全体を横に並べるのが最も簡単な方法は何ですか？

既知の数の要素に対して静的な幅で設定しました。しかし、要素を追加して自動サイズにすることができるようにしたい。

Answer 1

これを行う魔法はありません。おそらくあなたが何をすることができるかは、サーバ側でアイテムdivがいくつあるかを計算し、それに基づいて幅を指定することです。

これをJSでクライアント側でスクリプトして、すべて同じにすることもできます。

Answer 2

カスタムタグを使用して特定の要素を作成します。 javaまたはjavascriptを使用して、ループを使用してアイテムdivの数を取得し、getElementsByTagNameを使用して（アイテムの幅/数）を割り当てることができます。

Answer 3

最も簡単な方法は、残念ながらクロスブラウザ互換性がありません：

HTML：

<div class="parent"> 
    <div class="child">...</div> 
    <div class="child">...</div> 
    <div class="child">...</div> 
</div> 

CSS

.parent 
{ 
    display: table-row; 
    width: 800px; 
} 

.child 
{ 
    display: table-cell; 
}