关于Table高度问题

Cabrry 2010-10-21 07:52:34

对于已经固定了长高的表格，为什么在有的浏览器上会冲破高度限制，而有的浏览器上显示正常呢？

...全文

393 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qingYun1029 2010-10-21

打赏
举报

回复

[Quote=引用 3 楼 qingyun1029 的回复:]
有一些浏览器对网友默认的
padding
border
margin
属性值不一样，所以你先把这些定好。。

然后改改table的cellspacing、cellpadding属性。。
[/Quote]

一般是在css里面定义一个
*{
padding:0;
border:0;
margin:0;
}

然后根据css的继承性，后面的元素自动都继承这些样式。。。

qingYun1029 2010-10-21

打赏
举报

回复

有一些浏览器对网友默认的
padding
border
margin
属性值不一样，所以你先把这些定好。。

然后改改table的cellspacing、cellpadding属性。。

ajccom 2010-10-21

打赏
举报

回复

你还要考虑cellpadding border等因素还有就是table里面的td高度之和

zell419 2010-10-21

打赏
举报

回复

外面放个层
overflow:hidden;
行不。

适用人群开发从业人员，产品原型人员，IT相关从业人员，想快速掌握技能的一切人员课程概述特点基于Bootstrap 开发响应式界面，固定表头，完全可配置，支持data属性，显示/隐藏列，显示/隐藏表头，使用AJAX获取JSON数据，点击表头可简单的进行排序，支持自定义列显示，支持单/复选，强大的分页功能，支持名片布局，支持多语言动态列：导出各种格式（支持xls，xlsx的office2003-office2019）

当多个tabs时，如果table高度，依赖性其父组件的高度，只有第一个tabs高度为实际值，其他tabs的高度为0，但mounted时，已经赋值给table,会导致其他tabs的table显示不出来。2 在tabs的子组件设置一个属性，外层的高度获取到后，通过属性传给子组件，子组件显示时，直接计算一下（减去其他部分的高度，一般就是底部查询或操作高度，底部分页高度）el-table不能自适应高度，必须给定具体的值，才能显示正常，同时在数据条数超过其高度时，table出现滚动条，而不是整个页面出现滚动条。

element el-table 高度自适应解决el-table的高度不能适应不同电脑的分辨率，也不能跟随浏览器的高度变化而变化的问题效果：前言在这台电脑开发时设置了el-table的高度为500px，但是在小电脑，就看不到table后面几条数据了，浏览器高度缩小后，也看不到table后面几条数据。怎么让el-table的高度可以跟随变化呢？这篇文章的重点就是这个了。一、解决思路利用以下几点解决： 1.el-table的max-height属性 2.css的calc算法 3.dom的clie

被一个莫名其妙的问题耽误了好久表格行数太多时，表格会自动增加高度，设置height、max-height、overflow都不管用原来table的height属性代表的是高度最小值正确解决方法：用div包裹table，设置div的height和overflow 就能试表格出现滚动条了 <div style="height: 400px;overflow:auto;"> <table id="eventTable" cellspacing="0" ce

昨天在写页面的时候遇到一个很奇怪的问题，我想把页面里面的table元素的高度在css文件里面进行设置为0，可是用 height: 0; 这句话一直没有效果，最后我换用了ul才达到了想要的效果。不过，这是个问题，今天上午我解决了这个问题。（注：以下以高度设置问题作为演示，宽度设置问题同理）首先我们看下如下示例：代码： table元素的宽度/高度设置问题

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章