并排的两个目标怎样水平对齐适配ie6

2021-01-20 11:12 jianzhan

针对前边1个复选框,后面1句文本这样的排布,常常见,但难题一直许多,怎样让它们两个并排对齐,有时便是几个像素的难题,但各个访问器便是不1样,非常是ie6.

今日突然发现掌握决这类难题的方法。

1般的写法,编码以下

拷贝编码
编码以下:

<div>
<span>
<input type="checkbox" id="haveRead" name="haveRead" style="top:2px;" />
<label onclick="clickToCheck()">我已阅读文章并愿意 <a href="#">《奇乐客户申请注册协议书》</a></label></span>
</div>

最外有个div,但里面的两个标识会依据自身的默认设置款式开展排,并不是复选框高于文本几个像素,便是文本高于复选框。

此时必须做的便是,最外边的那个div的精准定位position:relative; 里面复选框的精准定位position:relative;这样复选框的款式便可以根据top、left开展设定,做到对齐的目地。