「panel」という名前の親divの「item」に複数の子divがあります。
"item" divの幅を同じにして、 "panel" div全体を横に並べるのが最も簡単な方法は何ですか?
既知の数の要素に対して静的な幅で設定しました。しかし、要素を追加して自動サイズにすることができるようにしたい。CSSの自動幅親 'div'内の子div '
0
A
答えて
2
これを行う魔法はありません。おそらくあなたが何をすることができるかは、サーバ側でアイテムdivがいくつあるかを計算し、それに基づいて幅を指定することです。
これをJSでクライアント側でスクリプトして、すべて同じにすることもできます。
0
カスタムタグを使用して特定の要素を作成します。 javaまたはjavascriptを使用して、ループを使用してアイテムdivの数を取得し、getElementsByTagNameを使用して(アイテムの幅/数)を割り当てることができます。
1
最も簡単な方法は、残念ながらクロスブラウザ互換性がありません:
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;
}
関連する問題
- 1. CSSの遷移親div内の子divの幅
- 2. CSS - 自動div幅
- 3. CSS:親divの幅にのみ右にdivを移動
- 4. 固定幅とオーバーフローの親を持つ子divの自動幅:hidden
- 5. HTML/CSS Divの位置、親Divの子供Div
- 6. 親divのサイズを子divの幅にする方法
- 7. 親divの幅で子divを塗りつぶし
- 8. 親divの子div divin
- 9. 親DIVの幅を取得し、子のDIVの幅を設定する方法
- 10. 自動幅とオーバーフローdiv
- 11. CSS divコンテナの幅
- 12. Jquery - 親divのCSSプロパティを変更する子divのイベントリスナー
- 13. CSS:親の幅に応じてdivの幅をサイズ変更
- 14. どのように自動私は親divの内側の2つのdivを持つ親のdiv
- 15. 子divから幅(%)を継承する親DIV
- 16. 親divが子divと同じ幅ではない
- 17. 子divを自動高さの親divの高さにします
- 18. css親の全幅を占めていない100%幅div
- 19. 電子メール内のdivの幅
- 20. 親div重複子div
- 21. CSS、自動サイズ変更div?
- 22. 親div内の子divとの整列問題
- 23. メニューdivの親divの自動高さ...どのように?
- 24. divの幅が%のCSSスプライト?
- 25. のCss H1マッチングdivの幅
- 26. 子供のdivを合わせて、親のdivの幅を展開し、horzontalスクロールウェブサイト
- 27. 子divは親divの外に出る
- 28. 親divのスクロールバーが子divと重複
- 29. 親divの自動サイズ変更
- 30. 子DIVは親DIVの内部に表示されません