Css thead没有显示

我的桌子有问题。此表是手机的主要功能表。当我把手机垂直放置时，桌子上并没有显示线，但当我把手机水平放置时，它显示正确

当手机垂直放置时，有人能帮我在手机上正确显示此表格吗

身体{ 字体系列：开放式Sans，无衬线； 线高：1.25； } 桌子{ 边框：1px实心ccc； 边界塌陷：塌陷； 保证金：0； 填充：0； 宽度：100%； /*表布局：固定*/ } 表格标题{ 字号：1.5em； 边缘：.5em 0.75em； } 表tr{ 背景：f9f9f9； 边框：1px实心ddd； 填充：.35em； } 表tr：悬停{ 背景色：F5； } 表th， 表td{ 填充：625em； 文本对齐：居中； } 表th{ 字体大小：.85em； 字母间距：.1米； 文本转换：大写； 背景色：333； 颜色：fff； } @媒体屏幕和最大宽度：600px{ 桌子{ 边界：0； } 表格标题{ 字体大小：1.3em； } 餐桌{ 边界：无； 剪辑：rect0； 高度：60px； 保证金：-1px； 溢出：隐藏； 填充：0； 位置：绝对位置； 显示：块； 宽度：0px； } 表tr{ 边框底部：3倍实心ddd； /*//斯波多克塔布尔基*/ 显示：块； 边缘底部：.625em； } 表td{ 边框底部：1px实心ddd； /*赫鲁布卡·查里·梅兹·里亚德卡姆*/ 显示：块； 字体大小：.8em； 文本对齐：居中； /*波齐西亚纺织厂*/ } 表td：之前{ /* *aria标签没有任何优势，它不会在表中读取 内容：属性标签； */ 内容：属性数据标签； 浮动：左； 字体大小：粗体； 文本转换：大写； } 表td：最后一个孩子{ 边界底部：0； } 表td：第n个孩子{ 背景色：F2F2； } } 波拉迪-> Císlo zákazky 波西西亚 波拉多夫·西斯洛 斯塔夫

---

这是一个简单的解决办法。移除剪辑：rect0；和宽度：0px；。这些行隐藏了整个thead，因为@media条件在更窄屏幕的纵向模式下生效

你可能想重做css的整个@media部分——这总的来说有点奇怪。也许可以添加一些您最初打算在窄屏幕上执行的操作的细节

身体{ 字体系列：开放式Sans，无衬线； 线高：1.25； } 桌子{ 边框：1px实心ccc； 边界塌陷：塌陷； 保证金：0； 填充：0； 宽度：100%； /*表布局：固定*/ } 表格标题{ 字号：1.5em； 边缘：.5em 0.75em； } 表tr{ 背景：f9f9f9； 边框：1px实心ddd； 填充：.35em； } 表tr：悬停{ 背景色：F5； } 表th， 表td{ 填充：625em； 文本对齐：居中； } 表th{ 字体大小：.85em； 字母间距：.1米； 文本转换：大写； 背景色：333； 颜色：fff； } @媒体屏幕和最大宽度：600px{ 桌子{ 边界：0； } 表格标题{ 字体大小：1.3em； } 餐桌{ 边界：无； 高度：60px； 保证金：-1px； 溢出：隐藏； 填充：0； 位置：绝对位置； 显示：块； } 表tr{ 边框底部：3倍实心ddd； /*//斯波多克塔布尔基*/ 显示：块； 边缘底部：.625em； } 表td{ 边框底部：1px实心ddd； /*赫鲁布卡·查里·梅兹·里亚德卡姆*/ 显示：块； 字体大小：.8em； 文本对齐：居中； /*波齐西亚纺织厂*/ } 表td：之前{ /* *aria标签没有任何优势，它不会在表中读取 内容：属性标签； */ 内容：属性数据标签； 浮动：左； 字体大小：粗体； 文本转换：大写； } 表td：最后一个孩子{ 边界底部：0； } 表td：第n个孩子{ 背景色：F2F2； } } 波拉迪-> Císlo zákazky 波西西亚 波拉多夫·西斯洛 斯塔夫 让我们删除AD位置和显示规则

现在我们可以看到thead了。用户可以添加其余的样式

希望这就是你想要的。如果需要，乐意解释或帮助提供更好的解决方案

身体{ 字体系列：开放式Sans，无衬线； 线高：1.25； } 桌子{ 边框：1px实心ccc； 边界塌陷：塌陷； 保证金：0； 填充：0； 宽度：100%； /*表布局：固定*/ } 表格标题{ 字号：1.5em； 边缘：.5em 0.75em； } 表tr{ 背景：f9f9f9； 边框：1px实心ddd； 填充：.35em； } 表tr：悬停{ 背景色：F5； } 表th， 表td{ 填充：625em； 文本对齐：居中； } 表th{ 字体大小：.85em； 字母间距：.1米； 文本转换：大写； 背景色：333； 颜色：fff； } @媒体屏幕和最大宽度：600px{ 桌子{ 边界：0； } 表格标题{ 字体大小：1.3em； } 餐桌{ 边界：无； 剪辑：rect0； 高度：60px； 保证金：-1px； 溢出：隐藏； 填充：0； 宽度：0px； } 表tr{ 底部边框：3倍实心 滴滴涕； /*//斯波多克塔布尔基*/ 显示：块； 边缘底部：.625em； } 表td{ 边框底部：1px实心ddd； /*赫鲁布卡·查里·梅兹·里亚德卡姆*/ 显示：块； 字体大小：.8em； 文本对齐：居中； /*波齐西亚纺织厂*/ } 表td：之前{ /* *aria标签没有任何优势，它不会在表中读取 内容：属性标签； */ 内容：属性数据标签； 浮动：左； 字体大小：粗体； 文本转换：大写； } 表td：最后一个孩子{ 边界底部：0； } 表td：第n个孩子{ 背景色：F2F2； } } 波拉迪-> Císlo zákazky 波西西亚 波拉多夫·西斯洛 斯塔夫

---

我的意思是，请澄清您的具体问题，或添加额外的细节，以突出您的确切需要。正如目前所写的，很难准确地说出你在问什么。请参阅页面以获取澄清此问题的帮助。考虑到您绝对是在定位和剪裁元素，并将其宽度设置为0，并剪切溢出。。。我不确定你在这里还期望什么？如果删除这个剪辑会发生什么：rect0；从@media screen和max width:600px{table thead{？@ildflue，它仍然会被隐藏，因为width:0px；和overflow:hidden；，但是剪辑当然是这不起作用的原因之一。