html - 为什么表格的最后一行的高度比其他行高?

标签 html css

在此页上 http://church.allthingswebdesign.com/Calendar.php表格的最后一行比其余行大。

谁能告诉我为什么?

最佳答案

这是因为最后四个单元格(星期三到星期六)是空的。 要检查,在此处输入一些数字,高度就可以了。

要修复,请编辑文件 styles.css,第 240 行。

更改规则 tbody tr td,添加 vertical-align: bottom(覆盖来自 vertical-align: baseline >重置.css)

新的 css 规则将是:

tbody tr td {
    border:1px solid #3A3939;
    border-collapse:collapse;
    max-width:13%;
    width:13%;
    vertical-align:bottom;   
}

关于html - 为什么表格的最后一行的高度比其他行高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3507992/

相关文章:

javascript - 在Jquery中,如何让一个div平滑的从A滑到B,让另一个div在A中淡出?

javascript - 如何制作一个像电视音量控制一样的 jQuery slider

html - 在不同的文件夹中调用 css 代码

javascript - 圈子的入口动画

css - 如果是 dojo 日期选择器,如何为输入文本添加背景颜色?

jquery - 在行悬停时展开 TH 元素

jquery - 更改 SELECT 框中的文本颜色

html - 浏览器之间相对框中的绝对位置顶部不同

javascript - 无法将表单标签添加到表中

css - 谷歌浏览器字体渲染问题