增加html中td单元的宽度和高度

Question

我正在按照我的要求增加td单元的宽度和高度。

这是我的代码：

<div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><?php echo $this->remarksForm->remarkType; ?></td>
                <td><?php echo $this->remarksForm->remark; ?></td>
                <td>
                    <?php  echo $this->remarksForm->id;
                    echo $this->remarksForm->save; ?>
                </td>
            </tr>
        </tbody>
    </table>
</div>

这是我现在拥有的结果：

这是我想要得到的结果图像：

我该怎么做？

谢谢。

Answer 1

这是一个示例：

    <div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><select><option>one</option><option>two</option></select></td>
                <td style="vertical-align:top;"><textarea></textarea></td>
                <td style="vertical-align:top;">
                   <button>thank you</button>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 2

您可以添加以下样式：

height: 50px;

Answer 3

 Please add width:
    <div class="margin-top-10">
    <table cellspacing='0' cellpadding='0'>
        <tbody>
            <tr>
                <td width="20%" style="vertical-align:top;">test</td>
                <td width="70%">test</td>
                <td width="10%">test</td>
            </tr>
        </tbody>
    </table>
</div>