robot
最新文章(10)
Mqskit 和其它相關工具
CPython 的 GC 二、三事
寫 Mecurial Extension 是件快樂的事!
Mozilla 台灣辨公室徵人啟事
關於 Apple 的兩項專利
core dump 之前的 frame
怎麼發出 beep 聲?
先承認你要找的是奴才吧!
程式碼要清的多乾淨?
FreeBSD 的 Thread-Local Storage 實作
首頁
新編
最新留言
Entries RSS
重要關鍵字(10)
coding (122)
Python (93)
FreeBSD (71)
WEB (61)
URL (48)
hardware (46)
javascript (36)
Linux (34)
blog (30)
C++ (16)
所有關鍵字
新增 URL
table overflow 問題
by thinker
2 Columns
關鍵字:
WEB
所謂的 HTML overflow，是指一個 block 內的資料寬度或長度比外框還大時，這時侯就是 overflow。平常 browser 會自動調整方框的大小，避免 overflow 的情況發生。但，我們可能希望設定固的 size，不希望 browser 調整大小。當外框大小固定時，overflow 就可能發生。 CSS 可讓我們指定如何處理 overflow 的情況，我們可以指定產生 scroll bar，以瀏灠完整的內容。也可以讓 browser 直接 cut 掉，隱超過範圍的畫面。但是，如果你是調整 table 的 cell 大小時，可就不是那麼簡單了。table cell 會自動依據內容的大小，自行調整。使用 CSS 控制時，往往得不到預期的效果。經過一些測試之後，如果使用 div 將 cell 的內容物包起來，並設定 div 的 overflow 處理方式，這樣就能正確的控制 table cell 的大小。 {{{ <tr><td><div>....</div></td></tr> <style> TR TD DIV { overflow: hidden; } </style> }}} 另外，如果 table 的內容長大了，大到超過 containing block，則 table 的大小會受到 containing block 限制，即使 containing block 允許 overflow。這時候可以在 table 和 containing block 之間，再加上一層不設定大小的 DIV，當作緩衝(flex layer)，table 就可以自由伸展。 $WEB$ UI 的控制，有一堆大大小小的問題。一些 trick 需要經驗累積，特在此記錄下來。
最後更新時間: 2006-08-07 08:24:30 CST |
引用
查詢:
COMMENTS: