無誠勿試﹐按入下方連結﹐可能導致 hang 機。
詳請情看該頁 page source ﹐三點提示：
1. click 第一欄會左推﹐click 第三爛會右推。Mozilla / FireFox 用戶﹐可以用滑鼠上的 wheel ﹐模擬「橫行翻頁」。
2. Resize 的話會重新排版﹐改變字體大小有可能導致爛行。
3. 並非我不懂以計算方法處理 padding , line-height 的理論值﹐而是一邊用 java-script 處理浮點算術﹐一邊讓 browser render 長闊和字體﹐是很容易爛掉﹐甚至 hang 機的。
The above link is an experiment based on javascript and DOM to columnize a long text node. It shows the context within 3 columns, and somehow realizes “vertical wrapping”, or “column linking”. If you are using gecko based browser with XUL support, you may even experience horizontal scrolling with your mouse-wheel. In fact I just do not like “scrolling” at all. We dont read book by scrolling. Instead, we turn among pages, which bounds the contain in definite 2-D boxes.
My origin through was to use Ajax to report browser versions and container dimensions and let the server work out the pages. But that seems to be retarded. To much have to be handle such as text resize, wrapping behaviour and language/font differences. So I decide to let the browser and javascript to do the job. In one occasion, I was trying to break pages by using XUL-bounded “onoverflow” event. But that was really stupid, why not let it overflow?
So, you find three overflowed “div”s . Actually it would be easy to hide scroll bars and let non-gecko browsers make use of their mouses….
Ref: To look for really split columns, please refer to
Randy Simons’s site
