Question

我在td里面有一个div。 td有一个高度。我怎样才能垂直拉伸div - 没有明确地设置它的高度。

<td style='height:200px'>
<div>hello<div>
<td>

我尝试设置垂直对齐，但没有“拉伸”值。

Answer 1

<强>示例
http://jsfiddle.net/hnBNk/

HTML

<table>
    <tr>
        <td style='height:200px; border: 1px solid red;'>
            <div style="border: 1px solid blue;">hello</div>
        </td>
    </tr>
</table>

CSS

div { /* This is a sample! Of course a class 'my_div' would make more sense */
    height: 100%;
}

Answer 2

试试这个：

td div {
   height:100%
}

Answer 3

怎么样？

<td style='height:200px'>
<div style="height:100%">hello<div>
<td>

好的，它是明确的定义，但它根据父元素延伸。

Answer 4

试试这个：
<div style="min-height:100%">
如果文本需要更多空间（垂直），它将自动拉伸

如何在td中垂直拉伸div？

4 个答案: