[討論] column-count 在列印的情況

看板Web_Design作者 (項為之強)時間8年前 (2016/10/05 00:01), 8年前編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
用 css 屬性 `column-count: 2;` 可以造出兩欄式的版面, 雖然這個兩欄式和一般的兩欄好像不太一樣……。 個人認為這個屬性設計不太成功, 因為她僅能分欄,不能分列。 我之前想用 html+css 排版小論文, 弄得很麻煩就是在處理雙欄式版型……。 最近本來寫出一個 js 來嘗試排出雙欄式版型, 但無意間想到: 「如果用 `column-count: 2;` 去列印會如何?」 試了,發現在 firefox 中,就會變成像論文的版型! 但在 webkit 中會多欄會無效,變成僅有單欄。 不知道 w3c 有規範這方面嗎? 哪個實作正確? * 論文 html (見笑了 http://myweb.ncku.edu.tw/~c34031328/study/phy_lab/Young/Young_rerender.html * webkit 印出來的 pdf http://myweb.ncku.edu.tw/~c34031328/upload/Young_webkit.pdf * gecko 印出來的 pdf http://myweb.ncku.edu.tw/~c34031328/upload/Young_gecko.pdf ========= ## 以下無關 我自己是把 html+css 用作排版的工具, 其中最重要的,就是輸出成一頁一頁的。 但覺得瀏覽器列印的預設格式都很糟糕, 把我原本的排版打亂。 有研究一下用在列印的 css , 但我套到瀏覽器印出來後還是會錯……;就放棄了。 最近覺得最好的列印工具是 wkhtmltopdf , 印出來和我排的一模一樣! 沒有多餘的頁首、頁尾、頁緣留白。 之前我是用 weasyprint , 果然還是直接用 webkit 排版強大啊! 只是她也是 webkit ,所以印不出多欄式版型。 請問有人研究過列印用的 css 嗎? 不知道怎麼入門,處理掉瀏覽器預設樣式。 -- 一位記者問總理:「請問總理先生,現在的中國人都窮吧?」不少人納悶:怎麼提這種問題?大家都關注總理怎樣回答。總理肯定地說:「不是的!」全場嘩然,議論紛紛。總理看出了大家的疑惑,補充說了一句:「當官的不窮。」頓時掌聲雷動。總理的機智打動了在場的所有人,掌聲經久不息。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.116.165.150 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1475596869.A.333.html ※ 編輯: Gold740716 (140.116.165.150), 10/05/2016 00:12:10
文章代碼(AID): #1Nyz95Cp (Web_Design)
文章代碼(AID): #1Nyz95Cp (Web_Design)