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

html-css013

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

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

1、普通设置： style{ width:400px overflow:hidden text-overflow:ellipsis display:-webkit-box / * autoprefixer:off * / -webkit-box-orient:vertical / * autoprefixer:on * / -webkit-line-clamp:4 } 效果如下：以上会导致英文和数字自动换行不对齐。 2、解决后 style{ width:400px word-break:break-all word-wrap:break-word overflow:hidden text-align:left//这是我在表格中使用时表头设置了居中，通用可不设置 text-overflow:ellipsis display:-webkit-box / * autoprefixer:off * / -webkit-box-orient:vertical / * autoprefixer:on * / -webkit-line-clamp:4 }