使用高度对齐表格单元格

时间:2017-03-29 09:45:36

标签: html css

我试图通过设置每行的高度来将一些表格单元格与图像对齐。可悲的是,它似乎没有正常工作,因为它没有使用行的整个百分比。该表应该是725px高,每个细胞均匀分布,但事实并非如此。我怎样才能确保它们均匀分布?

https://jsfiddle.net/hpL127zr/1/

我正在设置这样的高度。

tr {
  height: 2.8571428571429%;

}

我知道我可以使用高度,但如果文本很长(多行),这将允许行变为高。

1 个答案:

答案 0 :(得分:0)

表格中只有35列来自您的小提琴,您使用的百分比对应于40列。

所以只需添加:

<tr><td>lala</td></tr>
<tr><td>lala</td></tr>
<tr><td>lala</td></tr>
<tr><td>lala</td></tr>
<tr><td>lala</td></tr>

使用40列它似乎完美无缺。

https://jsfiddle.net/hpL127zr/2/