table设置宽度100%不生效,把页面撑开的解决方法
Deshun 发布于 5年前 (2020-04-21) 3674℃ 评论(0) 赞 (1)
今天改了一个老旧的项目,还是用 table 布局的,遇到了一个有趣的问题。table 设置了宽度 100% ,但是页面缩小到一定程度后,table 就不再变窄,导致显示不全。table{ width: 100%; }我以为是 display: block; 的问题,因为之前遇到过一个问题:table表...
Deshun 发布于 5年前 (2020-04-21) 3674℃ 评论(0) 赞 (1)
今天改了一个老旧的项目,还是用 table 布局的,遇到了一个有趣的问题。table 设置了宽度 100% ,但是页面缩小到一定程度后,table 就不再变窄,导致显示不全。table{ width: 100%; }我以为是 display: block; 的问题,因为之前遇到过一个问题:table表...
Deshun 发布于 6年前 (2019-05-08) 2814℃ 评论(1) 赞 (1)
在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:<style>...
Deshun 发布于 6年前 (2019-01-18) 10535℃ 评论(0) 赞 (5)
工作中或许会用到 table 表格固定表头, tbody 滚动的效果。为了方便我这里直接用的 Bootstrap 的表格样式。今天研究了一下,整理了几种方案:有的建议使用:position: absolute 或者 position: fixed; .table&nbs...
Deshun 发布于 6年前 (2019-01-16) 22022℃ 评论(0) 赞 (5)
我们一般设置表格的宽度是用如下方法:可以使固定尺寸,也可以是百分比th,td{ width: 20%; text-align: center; }设置 tab...
Deshun 发布于 6年前 (2018-08-22) 13175℃ 评论(0) 赞 (9)
今天网站样式需要改版,之前是用的 table 布局,其中有一个地方 td 需要设置百分比,但是怎么都不生效。最后找到原因:之前给 table 设置了的 display: block; 会导致这种情况。解决方法:把给 table 设置了的&n...