首页 > 解决方案 > 增加 html 中 td 单元格的宽度和高度

问题描述

我正在尝试根据我的要求增加 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>

这是我现在所拥有的结果: 在此处输入图像描述

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

在此处输入图像描述

我怎样才能做到这一点?

提前致谢。

标签: htmlcsshtml-table

解决方案


这是一个例子:

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

上述 html 的海报所需对齐方式的参考图像。


推荐阅读