html - HTML 表格数据太宽

Question

我在 HTML 中创建了一个简单的表格，但是表格中的“地址”单元格非常宽，但我所做的只是给它一个标题并输入一个数字。

地址栏的代码很简单：

<TH>Address</TH><TH>Literal  etc

然后添加数据：

<TD valign=baseline>0x110</TD>

但是地址栏是巨大的。我没有设置样式表。我只想要一个小的“地址”单元格！

Answer 1

看来您没有提供所有代码。从您的屏幕截图来看，这似乎CLOCK_OUTPUTS_PARAMS_SUBBLOCK_PPS PARAMETERS是造成这种情况的原因。您可能需要在colspan该单元格中添加一个。

Answer 2

重新查看您发布的照片​​后。这个标题与这个差距非常接近，这是一个巧合。我认为您可能遇到的一个错误是将时钟放入表格标题中，并且在显示其他标题之前没有破坏表格行。你用了 Clock_.....Address 吗？因为如果是这样，这可以解决您的问题：

<tr><th colspan=7 align='left'>Clock_...</th></tr>
<tr><th>Address</th><th>Literal</td> //etc

要重新调整单元格的大小，只需添加一个宽度属性（确保将其添加到最左侧列中的每个单元格）。

<TD width=20 valign=baseline>0x110</TD>

如果这不起作用，您可以使用 CSS 来设置它们的样式。您可以通过在您的网页中添加此样式来做到这一点。然后将 class='left_col' 添加到每个最左边的列单元格中。

<style>
.left_col {
max-width:20px;
}
<style>

<TD class='left_col' valign=baseline>0x110</TD>

Answer 3

如果CLOCK_OUTPUTS_PARAMS_SUBBLOCK_PPS PARAMETERS是表格的标题，则应将其放在<caption>元素中而不是表格单元格中。

<table>
    <caption>CLOCK_OUTPUTS_PARAMS_SUBBLOCK_PPS PARAMETERS</caption>
    <tbody>
        <tr> (rest of table...)