w3h5

Tag "table" 相关内容 共1页,当前第1页

经验总结

table设置宽度100%不生效,把页面撑开的解决方法

Deshun 发布于 1个月前 (04-21)   阅读(191)   评论(0)   赞 (0)  

今天改了一个老旧的项目,还是用 table 布局的,遇到了一个有趣的问题。table 设置了宽度 100% ,但是页面缩小到一定程度后,table 就不再变窄,导致显示不全。table{   width: 100%; }我以为是 display: block; 的问题,因为之前遇到过一个问题:table表...

HTML笔记

老版本IE下内容为空时td不显示边框的解决办法

Deshun 发布于 1年前 (2019-05-08)   阅读(640)   评论(1)   赞 (0)  

在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:<style>...

经验总结

table固定表头,tbody滚动条样式设置以及填的几个坑

6

Deshun 发布于 1年前 (2019-01-18)   阅读(6405)   评论(0)   赞 (4)  

table固定表头,tbody滚动条样式设置以及填的几个坑

工作中或许会用到 table 表格固定表头, tbody 滚动的效果。为了方便我这里直接用的 Bootstrap 的表格样式。今天研究了一下,整理了几种方案:有的建议使用:position: absolute 或者 position: fixed; .table thead{     positi...

经验总结

table表格的td设置百分比宽度不管用的原因及解决方法

3

Deshun 发布于 2年前 (2018-08-22)   阅读(7721)   评论(0)   赞 (8)  

table表格的td设置百分比宽度不管用的原因及解决方法

今天网站样式需要改版,之前是用的 table 布局,其中有一个地方 td 需要设置百分比,但是怎么都不生效。最后找到原因:之前给 table 设置了的 display: block; 会导致这种情况。解决方法:把给 table 设置了的 display: block; 删了或者给 tabl...