于是,尝试去掉radio的外边距,刷新后显示正常。(其实多选框checkbox也是有外边距的,只是它的外边距四个方向都有,并且相等,所以对于垂直对齐没有影响。)下图是一些常用表单元素的最终显示效果以及最终代码,大家可以用不同浏览器看一下实际的效果(注:由于演示使用的12px的中文实际只有11px高,而 IE下文本框等元素的高度是22px,一个是奇数,一个是偶数,所以这些部分在IE中是无论如何也对不齐的,差1px。如果手动控制文本框高度为奇数,或者将文字设置成为偶数的高度,则显示正常):
运行代码框
[ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]
而且我发现,不但解决了中文的问题,如果提示信息换成其他语言,基本上也能够对齐,至少不会像开始那样偏移太多。下面是截图、代码和一些例子:
运行代码框
[ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]
至此,我的研究过程告于段落。
但是,还是想不通各浏览器为什么最后会显示出这样的效果,其中的原理是什么。牛人们有空可以解释一下吗?
更多的表单元素与提示文字无法对齐的问题请到论坛查看: http://BBS.TC711.COM
【 双击滚屏 】 【
评论 】 【
收藏 】 【
打印 】 【
关闭 】
来源:
互联网
日期:
2009-7-27