这两天在学习如何不用table来使得form更美观, 并且更易于写代码.
兜兜转转, 找了半天, 最后尝试了 Prettier Accessible Forms 中的方法. 从example中下载了相关的css和javascript (我只下载了cmxform.js, 而没下载jquery.js, 因为已经有了, 我用的是1.2.1), 其他的什么都好, 就是在firefox下label的长度不是固定, 而是根据label中文字长度自动调整的, 但是看网上的例子却好好的.
倒腾了半天, 也找不出什么原因, 最后只能把example的jquery.js也下载下来, 果然就好了.
然后有开始找原因, 为什么用jquery 1.2.1就不行, 结果终于找到原因, 原来是.find()方法, 老的jquery中用('li/label')来查找label element, 而在新的jquery版本中应该用('li > label').
总算搞定.
P.S. 这里还有一个很不错的网页, 上面列出了很多css form相关的连接.