垂直分頁和列

在HTML和/或CSS中是否有方法通過高度自動將多列內容分解爲頁面？例如，如果要在網頁中顯示電子書並使用多個列，則可能需要立即在視口中顯示1頁= 2列，然後進行垂直分隔以模擬分頁符，並且下兩個欄目頁面。例如，如果我想在一個HTML頁面上以兩列格式顯示整個章節，如果我只是做了column-count:2，那麼每一列可能會很長，並且必須一直滾動到底部讀取第一列，然後一路回到頂部繼續到第二列。我正在尋找的是避免必須回滾到頂部但仍然使用列的方法。垂直分頁和列

我意識到這可以用Javascript來完成，但我是不問關於使用javascript。我只對純粹的HTML/CSS技術感興趣。如果沒有辦法做到這一點，我已經知道如何在JS中做到這一點。

編輯： 這裏是什麼，我正在尋找一個簡單的例子：http://jsfiddle.net/xGqAC/7/embedded/result/

要清楚，具體我也有在Javascript實現，我只知道，這是可以做到那裏，我想有已經可以做到這一點的多列庫，但再次，這不是我所期待的。

來源

2013-04-10 brianmearns

能告訴你它是什麼樣子與JS，所以我們知道你是什麼想要實現？也許用JSFiddle？ – 2013-04-10 13:57:12

@ToonCasteele：增加了一個明文插圖。 – brianmearns 2013-04-10 18:28:33

假設沒有人解決過這個問題...... – Nix 2013-10-24 06:28:53

您通過CSS要找的不僅是不可能的。

但是你可以爲你的列和寬度設置一個高度，如果你沒有設置任何列數，那麼將根據需要添加列數，這可以讓你達到我能想到的最接近的折衷。如果列在你的瀏覽器不支持

html, body { 
    height:100%; 
    margin:0; 
    overflow:hidden; 
} 
body { 
    width:940px; 
    column-width:450px; 
    column-gap:10px; 
    column-rule:solid; 
    box-shadow:inset 0 0 0 3px; 
    overflow:auto; 
    margin:auto; 
}

沒有什麼，就像是CSS PDF（媒體網/介質打印）:) http://codepen.io/anon/pen/hxcIt

來源

2013-12-28 19:31:48

這是諸如此類的事情，你是不是想找： http://www.w3schools.com/css3/css3_multiple_columns.asp

來源

2013-04-10 14:10:46 Andrew

不是，不。我已經提到，單靠「列數」是不夠的，因爲列結束時間過長。我會看看我是否可以拿出一個演示來說明我想要的。 – brianmearns 2013-04-10 18:02:04

垂直分頁和列

回答

相關問題