0

リストを 2 列で表示しようとしています。私の考えはテーブルを避けることでした。

div #DocumentList .Preview {
    float: left;
    width: 50%;
    padding-bottom: 10px;
    position: relative;
}

各項目をコンテナ div 内のこれらの div の 1 つに配置します。

4つのアイテムと1つのアイテムがその場所に来るので機能していましたが、驚いたことに3つあり、5、7で推測できます...、「スペア」のアイテムが右に移動します

理解できません。ビューで各項目をチェックして、右か左に移動するかを決定する余分な計算を避けたいです (大したことではないことは理解していますが、回避できればよりクリーンになると思います)。

ありがとう！

4

2 に答える 2

2

css3 を試す

div {
-moz-column-rule:3px outset #ff00ff; /* Firefox */
-webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */
column-rule:3px outset #ff00ff;
}

http://www.w3schools.com/css3/css3_multiple_columns.asp

于 2013-04-19T15:35:41.647 に答える
0

IE 8 以降 (もちろん、他のすべてのブラウザーも)

.item{
    display: inline-block;
    width:49%;
}
于 2013-04-19T15:41:50.490 に答える