-1

ここに私のサンプルビューがあります

<style>.listing{float: left}</style>

<div class="listing left-most">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

<div class="listing">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

<div class="listing">
    <div class="col1">dynamically loaded by rails loop</div>
    <div class="col2">dynamically loaded by rails loop</div>
</div>

例: 全部で 3 件の投稿と 6 件のコメントがあります。横ではなく縦に表示する必要がある

これをレールループで縦に表示することはできますか? はい、どうすればそれを達成できますか。表示できます

編集 1

ここに画像の説明を入力

\

レールループで同様のデザインを実現するにはどうすればよいですか。タイトルとリストの両方がデータベースから動的になります。

4

1 に答える 1

0

はい、取り除きfloat:leftます。なぜ入れたのですか？このルールの目的は、物が縦に表示されないようにすることです。すべての要素がそうであるように、ブロックレベルの要素のデフォルトの動作は、垂直に積み重ねることです。追加した CSS は、このデフォルトの動作を明示的に無効にします。

于 2013-09-10T18:38:57.063 に答える