HTML在顶部排列表行

前端之家收集整理的这篇文章主要介绍了HTML在顶部排列表行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个HTML表.看起来如下:
<table>
    <tr>
        <td>Content one</td>
        <td rowspan="2"> Very long content right</td>
    </tr>
    <tr>
        <td>Content two</td>
    </tr>
</table>

正如你所看到的,我在表的右侧有很长的内容,实际上它是如此之长,它不适合表行赋予的高度,所以表越高越好内容一,二不再在桌子的顶部,而是分布在整个高度上.如何阻止他们这样做?

编辑:我需要的内容不是顶部对齐的内容,而是实际的行本身.

解决方法

有趣的是,没有人给出正确的答案,所以我以令人满意的方式进入这个问题.

您真正需要的是valign =’baseline’CSS属性来对齐< td>的第一个文本行.元素.

td {
  vertical-align: baseline;
}

猜你在找的HTML相关文章