在我的项目中,我试图使IE8中的tbody滚动.我知道只要给予溢出即可滚动:auto to tbody.但这在IE8中不起作用.为了使其在IE8中工作,该tbody必须被赋予位置:absolute(或float:left to thead和tbody).如果我使溢出:自动工作,那么我分配给th和td的百分比宽度被忽略.这反过来又不让tr在thead和tbody中占据全宽.因此,tr和tbody / thead之间有一个刺激的空间.
请在IE8中测试这个demo. (在Firefox和chrome中工作正常)
这里是我不能改变的严格要点
> width to td和th必须以百分比表示.
>我无法更改HTML标记
>它必须使用CSS来解决.
其实我用一个肮脏的修复解决了它,如下所示
th:after,td:after{ /* only to the last column,first occurence */ content: "..................................................."; visibility: hidden; }
上述代码也可以通过给开发者工具中的特定td / th提供许多点来检查
上面的代码看起来不错,但是我需要给出:在伪选择器之后,只有第一行最后一列th和tr.如果我给每一个和那个tr,那么布局是乱七八糟的.并且如果tr和tbody之间的空白空间更多,则点必须增加.那么当然这个只能在我目前的项目中动态地实现.
PS:我可能做错了.我只是分享了我的努力,我达到了非常接近的结果.