robot
最新文章(10)
MadButterfly 和 Javascript 合體的威力
Adapt C code for Javascript
OpenVG for Linux/FreeBSD with X
回收 Linux cached memory
公告: 更換 domain name
關於 GCC nested function
GLUT 作為 Embedded System 的 UI 平台
別被 kernel 嚇到了
SVG 加 Gecko 完全攻略
在 OSDC 展示的 Plurk client
首頁
新編
最新留言
Entries RSS
重要關鍵字(10)
coding (120)
Python (93)
FreeBSD (71)
WEB (61)
URL (48)
hardware (46)
雜記 (45)
javascript (36)
Linux (31)
blog (30)
所有關鍵字
新增 URL
多欄編排之二
by thinker
2 Columns
關鍵字:
WEB
javascript
昨天寫了多欄編排的嘗試後，當晚又改進排版演算法。使之能針對 PRE、IMG 這兩個 tag 做特別的處理。PRE 和 IMG 寬度可能超過欄寬，因此必需使之獨立一行，跨所有欄位。小圖則不需獨立一行。 而昨天的演算法，只以段落為編排單位，使部分欄位下方，留下許多空白。此版演算法，可分割段落，減少欄位下方空白和不齊的狀況。 本版演算法還有一些 know issue，文字段落必需將 margin 設為 0，否則將誤判段落高度，至使塞入過多資料於同欄位。這是因為我們使用 node.offsetHieht 計算物件顯示高度，但取得的值並不包括 margin。此問題可透過 window.getComputedStyle() 計算 margin 的大小，進而修正。 attach:mcol.html [attach:mcol.png]
最後更新時間: 2006-09-23 20:38:52 CST |
引用
查詢:
COMMENTS: