在下面的代码中，我max-width为表格单元格设置了一个表格，因此所有表格单元的宽度均相等，而与它们携带的内容无关，vertical-align并设置为顶部。但是，正如您所看到的，与第二个和第三个单元格相比，第一个单元格很长，因此在第2-5个和第3-6个表单元格之间还留有很大的空间。有什么办法可以删除那个空间吗？我的意思是我希望第5和第6个单元格立即跟随上述单元格，而不要等到第一个单元格结束。
table tr td {
vertical-align:top;
max-width:90px;
background-color: #dedede;
color: black
}<table>
<tr>
<td>this is first cell. this will be quite lengthy</td>
<td>this is second cell</td>
<td>this is third cell</td>
</tr>
<tr>
<td>this is fouth cell</td>
<td>this is fifth cell</td>
<td>this is sixth cell</td>
</tr>
</table>您想要的问题是表已设置为可以正常运行，因此可以使所有内容保持一致和有条理。如前所述，如果您希望像不同大小的砖块一样将单独的正方形堆叠在一起，则可能需要更多地研究砖石布局，在这种情况下，表格将无法正常工作，因为它并非以这种方式工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句