0

上から下ではなく左から右にスクロールする列に分割された Web ページを作成する方法はありますか? あなたが得たように

x x x x x
x ... ..x ... ... ... ...
x ... ..x ... ... ... ...
x ... ..x ... ... ... ...
x ... ..x ... ... ... ...
x x x x x

それ以外の

x x x x x
x ... ..x
x ... ..x
x ... ..x
x ... ..x
x x x x x
  ... ...
  ... ...
  ... ...
  ... ...
  ... ...
  ... ...

それが理にかなっている場合...つまり、テキストがブラウザウィンドウの下部で停止し、新しい列に続き、コンテンツがなくなるまでこれが「無限に」発生するようにしたいと思います。

説明をわかりやすくするために、以下にスクリーンショットを追加しました。下部の画面の下にテキストが表示されます。画面の下にあるものを、最初の詩の隣の上部に表示したいと思います. 私がやろうとしているのは、多くの薄っぺらな数学や計算、またはマークアップの変更を行うことなく、曲全体を 1 つの画面に収まるようにすることです (特にワイド スクリーン モニターでは通常そうなります)。現在はすべてpreタグに含まれていますが、コードが単語と一致している限り（等幅フォントなど）、切り替えることができると思います。基本的に、魔法のCSSがあれば探しています:)

スクリーンショット

4

2 に答える 2

1

これは CSS 列の仕事のように思えます。

http://jsfiddle.net/Lkzqt/

html, body, .container {
    height: 100%;
}

.container {
    columns: 10em; /* desired width of your column */
}

<div class="container">
    <p>...</p>
    <p>...</p>
</div>
于 2013-01-30T20:26:20.683 に答える