我正在另一个表中创建一个表。我已将列划分为与外表完全相同的比例。但是，这些列未与外部表列对齐。谁能告诉我我错过了什么？
<html>
<div style="overflow:scroll;height:140px;width:100%;overflow:auto" style="background-color:black">
<table width="100%" style="padding:0; margin:0;" cellpadding="0">
<tr class="tbl_header" cellpadding="0">
<td width="3%">test1</td>
<td width="7%">test2</td>
<td width="3%">test3</td>
<td width="12%">test4</td>
<td width="7%">test5</td>
<td width="10%"test6</td>
<td width="7%">test7</td>
</tr>
<tr style="background-color:yellow">
<td colspan="7" style="background-color:yellow">
<div style="overflow:scroll;height:110px;width:100%;overflow:auto;border:none;background-color:green">
<table width="100%" style="border:none;background-color:red" cellpadding="0">
<tr class="even">
<td width="3%">2</td>
<td width="7%" class="tdAlign">Testing </td>
<td width="3%" class="tdAlign">Testing </td>
<td width="12%" class="tdAlign">Testing Testing Testing</td>
<td width="7%">Testing_1</td>
<td width="10%">Testing_2</td>
<td width="7%">Testing_3</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</html>最佳答案
当我使用 chrome web 工具包检查表格时。由于文本长度的原因，我看到表格应该是 3%。你可以通过添加 table-layout: fixed 来解决这个问题给你的<table>元素。
如果您想使用表格标题，我建议使用 <th> ( see here )
关于html - 内表内容与外表不对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48315827/