1

我有这张桌子：

<table>
    <tr>
        <td>
            <div style="height: 100%">Some Content</div>
        </td>
        <td>
             Some Content<br><br><br><br>
        </td>
    </tr>
</table>

<div>height 应该在100%inside <td>，但未<td>指定 height of。应该有一些简单的解决方案。

4

1 回答 1

1

JS 小提琴示例

您可以使用：

<td style="vertical-align:top;">Top</td>
<td style="vertical-align:middle;">Middle</td>
<td style="vertical-align:bottom;">Bottom</td>
<td style="vertical-align:54%;">Custom</td>
// More information on: http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

在表格单元格上正确定位内容。但是，您仍然会遇到背景着色问题，您可能希望将任何颜色直接应用于表格单元格，如下所示：

<td style="background-color:yellow;"></td>

表格行高的相关资料：

'table-row' 元素框的高度是在用户代理获得行中的所有单元格后计算的：它是该行计算的“高度”的最大值，该行中每个单元格的计算“高度”，以及单元格所需的最小高度 (MIN)。'table-row' 的 'auto' 的 'height' 值意味着用于布局的行高是 MIN。MIN 取决于单元框高度和单元框对齐方式（很像行框高度的计算）。CSS 2.1 未定义在使用百分比值指定高度时如何计算表格单元格和表格行的高度。CSS 2.1 没有定义行组中“高度”的含义。来源 W3.org

  • 我已经完成了内联 css，记得始终使用样式表分隔 css。

似乎 div 的高度仅限于单元格的高度，我们可以以像素为单位操纵单元格的高度。100% 只会给你 100% 的单元格最小高度，所以你必须以像素或某种形式的尺寸来定义它。

于 2012-12-19T18:36:19.003 回答