javascript—有没有办法使表行与最高的表行具有相同的高度

r6vfmomb  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(366)

我试图使表行的高度与最高元素的高度相同,没有固定的值。使用“高度自动”时,元素的高度都不同,并且定义的值不是一个好的选择,因为高度较高的行的文本实际上是不稳定的。
将问题描述为图像:

此表的当前样式:

.Tright {
    width: 33%;
    height: auto;
    float: right;
}

谢谢你的帮助!

f45qwnt8

f45qwnt81#

将此javascript代码复制到您的文件中,只要您在代码中使用了和标记,一切都会正常工作。还需要将jquery与您的文件连接起来,因为我必须在两者之间使用一些jquery。用这个来添加它-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

将其添加到页面的标题部分。

var rows1 = [];
    var table = document.getElementsByTagName("table")[0];
    var rows = table.getElementsByTagName("tr");
    for (i = 0; i < rows.length; i++) {
        rows1.push($(rows[i]).height());
    }
    var max = rows1.reduce(function(a, b) {
    return Math.max(a, b);
}, 0);
        document.getElementsByTagName("body")[0].innerHTML = "<style>table tr { height: " + max + "px !important; }</style>" + document.getElementsByTagName("body")[0].innerHTML;

我希望这会有帮助,因为我花了半个小时来编写这段代码。

相关问题