我在另一个表内创建一个表。我将列划分为与外部表完全相同的比率。但是,这些列与外部表的列不对齐。谁能告诉我我想念的东西吗?
<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>
最佳答案
当我用Chromes Web Kit检查桌子时。我看到由于文本长度的原因,应该有3%的表。您可以通过在两个table-layout: fixed
元素中添加<table>
来解决此问题。
如果U要使用表头,建议使用<th>
(see here)
关于html - 内部表内容与外部表不对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48315827/