Css 使两个动态填充的表格具有相同的高度

我的表格上有两张并排的桌子。我用相同数据表的两个sql查询填充表。这两个查询完全可能返回不同数量的结果。如果我让表自行调整大小，它们的垂直中心是对齐的，每个表的高度似乎是显示该查询数据所需的最小值。这在我身体的其他部分看起来很奇怪

我想要的是小桌子和高桌子一样高。较小表格的内容应该是顶部对齐的，只需在其下方添加空格，使其与较大表格的大小相同

我不太熟悉CSS，所以我试着在vb代码中使用

Dim Height as String = Math.Max(Convert.ToInt16(table1.Height),Convert.ToInt16(table2.Height))
table1.Height = Height
table2.Height = Height

在我填写完表格后，我发现“输入字符串格式不正确”的错误。如果我调试，此时表的

Height

属性为空，这可能是导致错误的原因

---

有没有办法让我的两张桌子保持同样的高度？我只需要移动我的代码吗？或者那代码永远不会工作？或者这是需要在CSS中处理的事情？

我不使用vb，但您尝试实现的结果可以通过编程实现（我使用javascript）

代码背后的思想是（当然是动态地）在填充表之后找出表的高度，然后根据高度的比较，将较大的高度指定给较小的表。还要记住，结果必须转换为数字进行比较，当最终找到并应用较大的值时，将“px”添加到值中

下面是一段代码片段

document.getElementById（“tbl1h”）.innerHTML=“tbl1高度：”+document.getElementById（“tbl1”）.offsetHeight；
document.getElementById（“tbl2h”）.innerHTML=“tbl2高度：”+document.getElementById（“tbl2”）.offsetHeight；
if（编号（document.getElementById（“tbl1”）.offsetHeight）>=编号（document.getElementById（“tbl2”）.offsetHeight））{
document.getElementById（“tbl2”）.style.height=Number（document.getElementById（“tbl1”）.offsetHeight）+“px”；
}否则{
document.getElementById（“tbl1”）.style.height=Number（document.getElementById（“tbl2”）.offsetHeight）+“px”；
}
document.getElementById（“res”）.innerHTML=“更改后：：tbl1高度：”+document.getElementById（“tbl1”）.offsetHeight+“tbl2高度：”+document.getElementById（“tbl2”）.offsetHeight
表，th，td{
边框：1px纯黑；
文本对齐：居中；
对齐：居中；
}
th{
文字装饰：下划线；
}
#tbl1{
宽度：30%；
框大小：边框框；
浮动：左；
背景：黄色；
}
#tbl2{
宽度：70%；
框大小：边框框；
浮动：左；
背景：绿色；
}

废话
77666
体位
grfrrrgrrt
体位
grfrrrgrrt
体位
grfrrrgrrt
体位
grfrrrgrrt
体位
grfrrrgrrt
呜呜呜呜
啊哈
rtrt
原子吸收光谱
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
nnnsnnsnn
原子吸收光谱法
ndcd
776676676
更改前：：：
这就是我在你帖子的评论中试图解释的

    Dim rows1 As Integer = 20 'This would be assigned the rows returned by your sqldatareader
    Dim rows2 As Integer = 10 'Same as before but for second table's query
    Dim rowHeight As Integer = 20
    Dim getHeight As Integer

    If rows1 > rows2 Then
        getHeight = rows1 * rowHeight
    Else
        getHeight = rows2 * rowHeight
    End If

    table1.Height = getHeight
    table2.Height = getHeight

如果出现这种情况，用提琴/代码笔将非常有帮助。这应该在CSS中处理。您可以发布生成的HTML（不是全部，只是必要的位）吗？如果您知道返回的记录数（您应该能够从读取器中检索），您可以检查并查看哪个表返回的结果最多，然后将每个表的高度设置为该表结果的倍数。因此，如果表A为20行（假设最大值），而单元格高度为20px，则将表高度设为
table1.height=20x20
，然后将其放大。。。你明白了。