javascript - 网页设计 : how does one translate margin or border values like "medium", "thin"等转化为数字？

Question

我正在尝试开发一个包含两个表的网页，其列宽应同步(即列宽可以根据表的内容动态变化，但两个表中相应列的宽度应保持相同，因此列相互匹配)。

为了正确计算，我需要考虑边框、边距、填充以及未考虑到的内容(这是一场噩梦!)。

在 FF 上，我的计算最终工作正常，即两个表看起来不错并且匹配，但在 IE 中，我的计算产生 NaN，因此在稍后设置列宽时出现异常。

我发现的原因是某些填充值返回“中”之类的值而不是数值，然后我的计算就会受到严重破坏。有没有办法查询数值，或者如何将“厚”、“中”、“薄”等翻译成相应的数值？

迈克尔

Answer 1

这些关键字仅适用于border-width ，你不能将它们设置为填充。标准故意没有指定关键字值的含义，但在 IE 中，thin , medium和thick是1px , 3px和5px分别。

其他浏览器可能并不重要，因为我猜对于您将使用的浏览器 getComputedStyle找到边框宽度。计算出的样式将被解析为适当的长度。只是非标准IE currentStyle接口(interface)为您提供原始形式的值(可能是关键字)。

无论哪种方式，您可能会得到不以像素为单位的长度，这可能很难转换(尤其是 % )。您是否考虑过通过比较clientWidth来确定边框+填充的数量到offsetWidth ？这通常看起来更简单。