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

html-css021

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

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

<img src = '../image/1.jpg'><br>

<img src = '../image/2.jpg'><br>

<img src = '../image/3.jpg'><br>

<img src = '../image/4.jpg'><br>

最基本的对齐方式：

img{

width:100px

height:100px

}