HTML表格数据太宽

Question

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

Address列的代码非常简单：

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

然后添加数据：

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

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

Answer 1

看来你没有提供所有代码。在您的屏幕截图中，看起来CLOCK_OUTPUTS_PARAMS_SUBBLOCK_PPS PARAMETERS导致此问题。您可能需要向该单元格添加colspan。

Answer 2

重新查看您发布的照片​​后。这个标题接近那个差距是巧合。我认为你可能遇到的一个问题就是将Clock放入表头并且在显示其他标题之前没有破坏表行。你使用Clock _..... Address？因为如果是这样可以解决您的问题：

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

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

<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...)