網頁設計：如何將「中」，「細」等邊距或邊界值轉換爲數字？

Question

我試圖開發含有2個表，其列寬度應該是同步的網頁（即，列的寬度可以變化動態地基於表的內容，但在兩個表中相應的columns'widths都被保持相同，從而列匹配彼此之間）。

對於正確計算我需要邊框，邊距，填充和什麼不可以進去（這是一個噩夢！）。

在FF我的計算終於做工精細，即兩個表看起來很好，投其所好，但在IE我的計算產生NaN的，之後當設置列寬，因此例外。

，因爲我發現了原因是，一些填充值的返回值，如「媒介」，而不是一個數值，然後我去計算浩劫。有沒有一種方法來查詢數值，或者，如何將「厚」，「中」，「細」等轉換爲相應的數值？

邁克爾

Answer 1

這些關鍵字僅用於border-width，你不能把它們放在填充。該標準故意沒有指定關鍵字值的含義，但在IE中，thin,medium和thick分別是1px,3px和5px。

其他瀏覽器可能並不重要，因爲我想爲那些要使用getComputedStyle找到邊框的寬度。計算的樣式將被解析爲適當的長度。它只是非標準的IE currentStyle接口，它以原始形式爲您提供可能是關鍵字的價值。

無論哪種方式，你可能會得到長度不在像素，它可以是一個痛苦的轉換（特別是%）。您是否考慮通過將clientWidth與offsetWidth進行比較來確定邊界+填充量？這看起來通常更簡單。