问题描述:
在表格中,如果将table的border设置为1,那么表格就会有边框。如果table有多行多列,每一个单元元素都是对应一些文字描述和一个checkBox。每一个单元元素的文字数量不唯一,这样就不能使checkBox自然对齐。
解决方案:
1、在文字和checkBox之间添加数量不等的空格( ),这样就能对齐了。存在问题:不同的浏览器或是不同版本的浏览器对空格的解析不一定相同,这样可能在有些浏览器中checkBox还是没有对齐。
2、将文字和checkBox分别放在不同的td标签中。存在问题:对是对齐了,可是文字和checkBox之间会有边框相隔,看着有点别扭。那可以通过样式将文字所在的td的右边框和checkBox所在td的左边框都去掉,但因为table的border="1",所以他们之间会有一条空白区域出现,还是不好。
3、将文字和checkBox放在一个td中,这样边框就能包裹它们。在将文字放在一个<p>、<lable>、<span>或<div>标签中,将该标签的style样式中的float设置为向左浮动,再为其设置能包裹最大文字的宽度(width),这样就能使checkBox对齐了。
总结:以上仅为给出一种解决方案,并未给出具体的代码,但思路已经很清晰了。