Html CSS垂直对齐不适用于表的某些行/列

嗨，我一直在尝试表属性，其中一个是valign。但是我遇到了一些没有受到影响的单元格，所以我尝试了CSS垂直对齐，现在我遇到了一些受到影响的单元格和一些没有受到影响的单元格。我确实注意到有足够行跨度的细胞会受到影响。这个样本的填充非常不正常，因为我在测试没有受到影响的细胞是否没有足够的空间

.time col{
背景颜色：金色；
颜色：栗色；
}
1.戴科尔斯{
颜色：红色；
文本对齐：右对齐；
填充：10px；
背景颜色：黄色；
}
凌晨六点{
背景颜色：蓝色；
颜色：白色；
}
运输署{
填充：100px；
垂直对齐：底部对齐；
}
凌晨七点{
背景颜色：浅蓝色；
颜色：黄色；
}
上午八点{
背景颜色：粉红色；
颜色：红色；
}

在中央时间中列出的所有时间
时间
星期一
星期二
星期三
星期四
星期五
星期六
星期日
6:00
全国新闻
6:30
地方新闻
7:00
歌剧节
美国广播电台
科学周
生活世界
文字游戏
农业周
民间节日
7:30
炖脑汁
俾斯麦论坛
8:00
古典音乐的联系
老式收音机
周六夜爵士乐
独立连接
8:30
内心
9:00
打开Mike Nite
9:30
10:00
世界新闻提要

目前垂直对齐不起作用的原因是某些单元格有一个决定其高度的填充。您需要的是更小的填充和固定的高度，以便文本可以按照指定的方式自由对齐

td {
    padding: 80px;
    vertical-align: bottom;
    height: 300px;
}

---

不要忘记，您也有th元素，而不仅仅是tdAh是的，但是td元素仍然没有垂直对齐，垂直对齐是否只适用于rowspan>1的元素？哪一个元素没有正确对齐？所有单元格都与底部对齐包含国家新闻、世界新闻提要的单元格，以及周五和周六专栏中具有单个行间距的单元格似乎与底部不对齐。它们是对齐的，但您添加了一个大的填充，它们不能穿过填充，它们的底部将有100px，这就是情况