0

わかりました、どこから始めればよいかわかりません...

私は自分自身をブロガーにまとめ、css を完全に破壊し、単純なコンテンツ マネージャーとして使用しています。ここに私が取り組んできたテストサイトがあります http://jamesparishtestblog.blogspot.com/

ヘッダーは無視してください。壊れていますが、そこで何をしているのかはわかっています。私の問題は、映画のレビューにあります (アップルの予告編から一時的なコンテンツとして盗まれました)。ページのサイズを変更すると、さまざまな長さの行に流動的に流れます。すごい！問題は、2 番目の行 (したがって 3 番目、4 番目など) が、上の行で最も長い (最も低い) div の下部に垂直に配置されることです。ただし、各 div が 15 ピクセル離れて上の div の下にきちんと収まるようにし、別の div が展開された場合 ([続きを読む...] をクリックして) きれいに流れるようにします。

一番上の行に最新の投稿を並べて含める必要があるため、div を列に配置することはできません (列を使用すると、左側で互いに下になります)。

記事を拡張する必要があり、目的のデザイン全体を意図的に不一致にする必要があるため、div の高さの設定も除外されます。

これは何時間も私を悩ませてきました。私は自分自身を明確に説明し、誰かが助けてくれることを願っています.

御時間ありがとうございます。

4

1 に答える 1

1

それで、これが欲しいの？

--------------------------
|   __________  _______  |
|   |        |  |     |  |
|   |        |  |     |  |
|   |        |  |     |  |
|   ----------  |     |  |
|   __________  |     |  |
|   |        |  |_____|  |
|   |        |  _______  |
|   |        |  |     |  |
|   ----------  |     |  |
|               -------  |
|________________________|

列を使用しないと、CSS だけに頼ってそれを行うことはできません。物事を適切な場所に配置するには、JavaScriptまたはサーバー側のものを使用する必要があります。本質的にはコラージュが必要ですが、「display: collage」がないのは残念です!

もちろん、私はあなたを完全に誤解している可能性があります。

編集：

「javascript フロントで何か提案はありますか?」

ほとんどすべてのサイトで mootools を使用しています。最初に少し定義します。

dispose : DOM から要素を取り出し、変数に格納します。

inject : 要素を dom に挿入します。

これらを列にロードしてから、「最近」の列にあるすべてのものを破棄し、残りの列の上部に、列ごとに 1 つずつ挿入します。言い換えれば、すべてのレイアウトは CSS で行われ、実行されている唯一の JavaScript は、「最近の」ものを一番上の「行」として配置することです。

于 2009-08-01T21:59:45.360 に答える