css设置上下两个td不对对齐

html-css013

css设置上下两个td不对对齐,第1张

css设置上下两个td不对对齐跟基线对齐有关。这个跟基线对齐有关系,如果你给写?字的那个span设置?个vertical-align:top,就可以对齐,具体原因如下:从CSS2的可视化格式模型?档中可到:inline-block的基线是正常流中最后?个linebox的基线,除?这个linebox??既没有lineboxes或者本?overflow属性的计算值不是visible,这种情况下基线是margin底边缘。

1、要么分别对TR下面的第一个TD设置text-align:right第二个TD设置text-align:left

2、用jQuery获取每一个TR下面的奇数(ODD)TD和偶数(EVEN)TD,然后分别设置属性