HTML表格数据太宽[关闭]答案

【问题标题】：HTML table data is too wide [closed]HTML表格数据太宽[关闭]
【发布时间】：2013-01-14 15:29:56
【问题描述】：

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

地址栏的代码很简单：

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

然后添加数据：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

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

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

【讨论】：