gpt4 book ai didi

html - 内表内容与外表不对齐

转载 作者:行者123 更新时间:2023-11-28 02:19:11 31 4
gpt4 key购买 nike

我正在另一个表中创建一个表。我已将列划分为与外表完全相同的比例。但是,这些列未与外部表列对齐。谁能告诉我我错过了什么?

<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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com