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

作者: Gold740716 (項為之強)   2016-10-05 00:01:06
用 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 嗎?
不知道怎麼入門,處理掉瀏覽器預設樣式。

Links booklink

Contact Us: admin [ a t ] ucptt.com