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

html-css021

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

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

你这是在td里面设置了text-align:center,所以就是这种效果了。要改过来很简单,把第3个input和后面的提示分开就好了。再加个列。

或者你可以设置input的margin-left属性来控制他的位置。也可以用position, 方法很多。

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

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