0

テーブル スタイルでいくつかのチェックボックスを表示しようとしていますが、画面の幅に基づいて列の数を決定する必要があります。それらを自分で再配置できるようにすると、次のようになります。

+-----------------------------------------------------+
|                                                     |
|   [] label1  [] label2  [] label3  [] label 4       |
| [] label5          [] label6   [] label7            |
|     [] label8  []label9  [] label10  []label11      |
|                                                     |
+-----------------------------------------------------+

そして、私はこのようなものが必要です:

+-----------------------------------------------------+
|                                                     |
|   [] label1  [] label2  [] label3  [] label4        |
|   [] label5  [] label6  [] label7  [] label8        |
|   []label9   [] label10 []label11                   |
|                                                     |
+-----------------------------------------------------+

これを達成することは可能ですか？

列の幅が同じかどうかは気にしませんが、コンテナーの 100% を埋めるには完全なものが必要です。

4

1 に答える 1

2 
#container {
    width:100%;
    height:auto;
    min-height:300px;
    padding:10px;
}
#container div {
    width:70px;
    float:left;
    display:inline-block;
}

そして、ここにフィドルがあります

于 2013-02-08T16:48:46.777 に答える