1

解決する必要がある2つの重要な問題があり、何ヶ月も試してきました..、ソート可能の問題、問題を再現するためのフィドルを作成しました: http://jsfiddle.net/tnLcg/134/

F を B にドラッグすると、私の言いたいことがわかるでしょう。

A、F、B、C を B の下に置き、次に D と E を置きたくない

A F B
    C
D E

次の方法で見たいと思います。

A F B
C D E

sortable 要素の sortable で必要とされる float left が原因で、3 つのインラインの構造が保持されないため、6 つ以上の要素があると実際には恐ろしく見えます。

もう 1 つの問題 (あまり重要ではありません) は、フロートされた div を下に揃えることができない場合に、これらのフローティングを左の div に垂直方向に揃える方法です。

これは、両方の問題をカバーする更新されたフィドルですが、新しい問題、ul 内の余分な高さ、この高さがスペースをカバーせずに機能させる方法を追加します。

http://jsfiddle.net/tnLcg/136/

4

1 に答える 1

0

.blockli のクラスには 300px の amin-heightと aline-heightがあり、これは最も高いブロックよりも高いため、ul には余分な高さがあります。これらの属性を、ブロック E (最も高い) の高さである 200px に設定してみてください。

.block {
    border: 1px dashed green;
    vertical-align: bottom;
    margin: 5px 0 0 5px;
    float: left;
    padding: 5px;
    display: block;
    width:190px;
    color:#ffffff;
    margin-left:10px;
    min-height:200px; /*Changed to 200px*/
    line-height:200px; /*Changed to 200px*/
    overflow-y:hidden;
}

変更されたフィドルは次のとおりです。http://jsfiddle.net/ztu2z/

于 2012-12-05T18:00:19.353 に答える