开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何解决边缘浏览器中表格布局的固定问题？

在边缘浏览器中，表格布局的固定问题可以通过以下方法解决：

使用CSS布局：可以使用CSS的position属性将表格的头部和左侧固定在页面上，使其不随滚动而移动。可以通过设置position: fixed;来实现固定定位。
使用JavaScript插件：可以使用一些JavaScript插件来解决表格布局的固定问题，例如jQuery的DataTable插件。该插件可以实现表格的固定列和固定表头功能，使表格在边缘浏览器中也能正常显示。
使用CSS框架：一些CSS框架如Bootstrap也提供了表格布局的解决方案。可以使用框架提供的CSS类来实现表格的固定布局，例如使用table-fixed类可以实现固定表头和固定列。
使用CSS属性：可以使用CSS的属性来解决表格布局的固定问题。例如，可以使用CSS的table-layout属性来设置表格的布局方式为fixed，然后使用CSS的position属性来设置表格头部和左侧的固定位置。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络）可以加速网页加载，提高用户访问速度；腾讯云云服务器（CVM）提供稳定可靠的计算资源，适用于部署网站和应用程序；腾讯云对象存储（COS）提供高可靠、低成本的云存储服务，适用于存储和管理大量的静态文件。

腾讯云产品介绍链接地址：

腾讯云CDN：https://cloud.tencent.com/product/cdn
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

相关搜索:IE |在表格布局上使用边框的边缘问题如何解决固定导航的“平滑滚动”问题如何解决for循环(表格抓取)的问题？新边缘浏览器中的React HashRouter问题如何解决flutter license颜色的布局问题？如何在Android应用中解决此类别布局问题如何解决缩放时网页布局混乱的问题？如何在R中更改表格的布局 Outlook的HTML忽略固定的表格尺寸(即使在浏览器中)如何解决ListView.Builder控件中"RenderBox未布局“的问题？如何替换显示:浏览器边缘中的内容如何根据cytoscape中不同的边缘颜色来布局连接？如何为表格中的某些列设置固定宽度？如何动态拉伸固定表头表格中的行段如何解决手机浏览器无法“动态”滚动的问题？如何在flex布局中处理表格的滚动？如何解决chrome浏览器中控制台日志问题如何在不同屏幕尺寸的表格中制作固定的td 如何解决“您的浏览器与WebRTC不兼容”的问题布局问题并帮助我在所有设备中扩展的解决方案

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

css应知应会第三集

background-image:repeating-linear-gradient();

02

【面试题解】CSS布局，定位布局，浮动布局，BFC,IFC,FFC,GFC

标准文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

03

把所有的东西都对齐吧 - 谈谈垂直居中的解决方案

本文主要介绍了垂直居中显示的常见解决方案，包括使用Flexbox、基于视口的布局以及基于表格布局的方法。这些方法都可以在不同程度上实现垂直居中显示，并且具有较好的兼容性和扩展性。同时，作者还介绍了一些细节和注意事项，以帮助读者更好地理解和应用这些方法。

06

CSS3中的columns属性的用法

表格布局中可以将元素放进设置好的单元格里，将网页进行分列分行的布局，但是表格布局有很大的局限性，现在基本上不再使用表格布局，只是在有表格的时候使用表格来进行局部布局。与此同时在css3中出现了多列布局的方式，来替代表格的多列布局方式。

02

前端设计，CSS 常用布局解决方案

记录下 CSS 常用布局的解决方案，对于需要高兼容性的布局可以使用基于 posistion 属性的布局，table 布局方式也经常用到。还有基于margin 和 float 的传统布局方式、利用 BFC 的布局方式和 CSS3 的弹性布局 flex 的布局方式。具体选用哪一种可以依据实际业务加以变通和修改。

01

FE[0x02] -- 浅谈CSS布局

最开始网页有个p的布局，基本上打开大屁股头电脑能看文字就好了，再后来随着Web技术的发展，你可以选择浮动布局float,也可以结合position进行布局，还有table表格布局等，再往后发展就是flex,媒体查询以及grid啦，什么栅栏布局，960网格布局啦。从这条发展主线看，感觉还是回到了最初的表格，抓重点，flex是基于轴的一维布局，而grid是最新的基于二维的布局。关于这方面的资料国内可以看张鑫旭大佬写的书和文章，还有像什么《CSS禅意花园》《精通CSS高级解决方案》《CSS解密》之类的书等，国外的资料可以去https://css-tricks.com，推特，油管上看看，都不错的选择。

02

HTML 使用 table 布局的一些记录

这学期终于有了前端课，虽然基本全会了，但终归是野路子出家，有很多东西还是第一次见到的。比如本篇要扯的 table 布局

03

CSS进阶11-表格table

（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！）（注2：更多内容请查看我的目录。）

02

reflow和repaint（摘录自张鑫旭的翻译）

//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并没有在演讲中提到或是以文章形式发布。第一次让我开始思考关于回流(reflows)与重绘(repaints)的问题是在和ParisWeb上的Mr. Glazman做一个firey交换的时候。我可能有一些顽固，但是我确实听了他的一些理论。 Stoyan和我开始讨论如何量化这个问题。展望性能社区，除了一些典型的黑盒实验外，需要与浏览器厂商有更多的合作。对于性能，浏览器制造者知道哪些是重

04

Div布局和Table布局对于SEO有哪些影响？

以前做网站经常使用表格也就是Table来布局搭建网站，因为表格搭建起来方便，固定性好，虽说代码看着不友好，但也比较方便，如今的搜索引擎更新迭代，优化人工智能的时代，越来越先进，当然对网站的框架也有了更多的认识，不在像之前那样盲目了。

05

最全的常见css布局

对于第一种，先通过对 header,content,footer 统一设置 width：1000px;或者 max-width：1000px(这两者的区别是当屏幕小于 1000px 时，前者会出现滚动条，后者则不会，显示出实际宽度);然后设置 margin:auto 实现居中即可得到。

01

CSS 实用手册

(1). 内联方式，又称为行内样式，将样式定义在某 html 元素中(style 属性中)

01

多端排版杂谈

本文主要讲述了Web排版技术的发展历史，从最初的表格布局到最新的网格布局，以及Android端排版技术的种类和差异，探讨了各种排版技术的优点和弊端，并展望了未来排版技术的发展方向。

07

换种角度看“语义化”

在“表格布局”1的时代，大家所使用的布局方式都是表格，没有其它的方式可以选择， Dreamweaver 的可视化操作大大的简化了页面制作的过程，而且当时虽然网络情况比现在差得多，但并没有多少人会去关注页面性能这块。搜索引擎对于表格布局也无能为力，只能过复杂的算法去把内容抓取出来，而且很难知道哪些内容是重点，因为会正确使用标签的页面太少了。那搜索引擎如何得知页面的重点呢？没错，就是页面头部的信息，在这个区域，标签是有语义的，明确的指出页面的标题、主要内容、作者、版权等等信息。

02

CSS弹性布局（Flex）详解

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap

03

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？

从分析介绍来看，题主的主要工作内容是还是从事游戏方向的工作，前端里面的游戏开发大部分应用在canvas绘图里面，应用前端里面的html结构和css样式是比较低；那么咱们就需要从多角度考虑考虑为什么web前端不抛弃HTML和CSS：

02

时间选择器组件之关于table走过的弯路

最近在新增TMAP-UI组件库的开发过程中，时间选择器是开发者反馈需求较多的一个组件，今天把在开发过程中遇到的一些问题分析给大家。element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式以及交互操作都无法满足设计需求，需要基于源码进行二次开发，最小成本实现这个通用组件。今天主要聊下开发中遇到的一些关于table的实现问题，对table一探究竟…

04

让div水平垂直居中的几种方法

利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。使用 CSS 实现水平居中很容易，但要实现垂直居中并不容易。而且有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的几种不同方法，以及它们各自的优缺点。

02

CSS面试题总结[通俗易懂]

一般的我们所说的width、height都是指标准盒子模型下的width(也就是content)。

01

五种方式实现三栏布局

从上到下由页头、内容和页脚组成，内容由左、中、右三列组成，其中左右两列的宽度固定，中间一列自适应。假设左右宽度是 100px，header 和 footer 的高度是 60px。

02

全栈之前端 | 10.CSS3基础知识之表单表格学习

通过本章将学习如下表单以及表格相关样式属性，您可以改变表单(input、form)或者(table)表格的样式等。

01

页面优化——重绘和回流[通俗易懂]

一、写在前面页面优化在面试的过程中经常遇到的问题，今天就来总计一下重绘和回流的问题。二、重绘和回流是什么我们都知道一个页面从加载到完成，首先是构建DOM树，然后根据DOM节点进行几何布局形成render树(渲染树)，当渲染树构建完成后，页面就根据DOM树开始布局，渲染树也根据设置的样式渲染这些节点。在这一过程中，比如我们删除DOM节点，修改一个元素的宽高，页面布局发生变化，DOM树也发生变化，那么肯定要重新构建DOm树，而DOM树和渲染树紧密相连，DOM树渲染完了，渲染树也会随之进行渲染，这个过程就称为回流。在比如说，我们给一个元素修改颜色，这样的行为是不会影响页面的布局的，DOM树不会发生改变，但是颜色变了，渲染树得重新绘制，这就是重绘。所以说回流一定会触发重绘，重绘不一定触发回流。题外话： 1、由于display:none的元素不在页面渲染，渲染树的构建不包含这些节点。但是visibility为hidden的元素会在渲染树中。因为display为none会脱离文档流，visibility为hidden虽然看不到，但类似与透明度为0，其实还在文档流中，还是有渲染的过程。 2、尽量避免使用表格布局，当我们不给表格的td设置固定的宽度的时，一列的td的宽度会以最宽的td的宽作为渲染的标准，假设前几行的td在渲染时都渲染好了，结果下面的某行特别宽，table为了统一宽度，前几行的td会回流重新计算宽度，这是一个比较耗时的操作。三、怎么样减少回流回流会重构DOM树，渲染树也得重新渲染，比较麻烦，哪些行为可以引发回流，如何去避免呢？ 1、DOM的删除行为比如删除某个节点，或者给父元素插入子节点，这类操作都会触发回流。如果我们插入多个子节点的话，可以使用documentfragment。 2、几何属性的变化比如说元素的宽度变了，border变了，字体大小变了，这种直接会引发页面的布局的改变，也会触发回流。如果我们需要改变多个属性，做好的是将这些改变定义在一个class中，直接修改class名，这样只会触发一次回流。 3、元素的位置发生改变修改一个元素的左右margin，padding之类的操作，所以在元素位移的动画，不要更改margin之类的值，使用定位脱离文档流后进行改变位置。 4、获取文章的偏移量之类的属性例如我们需要获取scrollTop、scrollLeft、scrollWidth、offsetTop、offsetLeft、offsetWidth、offsetHeight之类的属性的时候，浏览器为了保证值的正确性也会回流进行获取，所以如果你要不多次操作，最好取完进行缓存。 5、页面初次渲染触发回流页面的初次渲染触发回流这样无法避免。 6、浏览器窗口尺寸的改变 resize事件的发生也会触发回流。

02

10分钟内就可以学会的几个CSS高招

英文 | https://javascript.plainenglish.io/learn-the-best-css-tricks-in-10-minutes-cfeb37489ae3

02

css过去及未来展望—分析css演进及排版布局的考量

读初二的时候，学校有了计算机，也简单地介绍了下网页，不过那是的html 都是table，也没有去细看。到了高中，qq空间有个html模式，为了让文章好看点。也浅尝辄止地学了下css

03

Android六大布局

Android六大布局 LinearLayout(线性布局) 常用属性 FrameLayout(帧布局) 常用属性 RelativeLayout(相对布局) 常用属性 AbsoluteLayout(绝对布局) 常用属性 TableLayout(表格布局) 常用属性 GridLayout(网格布局) 常用属性 TableLayout 和 GridLayout的区别 gravity和layout_gravity的区别为什么 XML 资源文件要从文本格式编译成二进制格式 Android 资源管理框架又是如何快速

02

前端学习(20)~css布局(十三)

relative、absolute、fixed这三个属性，可以结合 z-index 来设置层级。

02

WinForm界面布局随分辨率改变

电脑更换分辨率时，软件内部的控件大小如果不跟着改变，会严重影响软件的实用性以及美观性。

04

浅议内滚动布局

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览器窗体，例如，QQ视频首页：二、为什么会有内滚动布局？随着显示器设备越大越宽越密，以及现代web技术的发展。web站点已经开始有了从传统的瀑布式网页向类桌面软件风格站点转变的趋势。比方说，QQ音乐的首页目前是这样子的：以后可能就会变成这样子： “纳尼，这不就是现在的QQ音乐软件界面截图？”

05

浅议内滚动布局 - 腾讯ISUX

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览

03

前端总结

用css3的方法，使用transform translate(-50%,-50%)

01

android布局属性具体解释[通俗易懂]

1：LinearLayout ( 线性布局 ) (里面仅仅能够有一个控件，而且不能设计这个控件的位置，控件会放到左上角)

02

（译）一篇对css网格布局的介绍

css3 Grid Layout 表格布局是在css中强大的难以置信的布局模块。它是二维空间的，所以它可以处理行和列

03

九张动画图回顾 Web 设计的 25 年历史

Froont，一家为web设计师制作工具的旧金山公司，用9个GIF格式动画来表现网页设计在过去25年的发展历程。如果你想知道为什么CSS这么重要，为什么Flash会逐渐淘汰，这些动画图或许能让你一窥究竟。

03

安卓入门教程（十一）-布局

布局，我们在做安卓App时，会有很多的布局控件，这些控件要得到合理的摆放，而这所有的控件布局都是继承ViewGroup类的子类，布局控件，有我们常见的布局控件，也有嵌套布局。

02

CSS float浮动的深入研究、详解及拓展(二)

by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=594 接上回…

00

浅议内滚动布局

所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：

02

Css 垂直居中

在 CSS 中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用 text-align:center; 如果它是一个块级元素，就对它自身应用 margin:auto。然而如果要对一个元素进行垂直居中，可能光是想想就令人头皮发麻了。

01

Android 浏览器文本垂直居中问题

本文介绍了在Android浏览器上实现文本垂直居中的问题，并提供了两个解决方案：改变字体大小和用表格布局。通过测试，发现改变字体大小的方法并没有达到真正的垂直居中，而使用表格布局的方法则可以较好地实现文本垂直居中。

06

九宫格布局

高考活动页面需要在一个页面容器中，实现一个两行三列宽度自适应缩放，且图片等比例缩放，随着浏览器宽度进行自适应缩放的布局。中间的图片需要自适应，随着页面宽度的变化，三等分缩放，图片等比例缩放。页面地址

03

Android精通：TableLayout布局，GridLayout网格布局，FrameLayout帧布局，AbsoluteLayout绝对布局，RelativeLayout相对布局

TableLayout是将子类向分别排列成行和列的布局视图容器，TableLayout是由许多TableRow对象组成的，表格布局以行列的形式管理子控件，每一个单元是一个TableRow或者View对象。

02

Android系统五大布局详解Layout

我们知道Android系统应用程序一般是由多个Activity组成，而这些Activity以视图的形式展现在我们面前，视图都是由一个一个的组件构成的。组件就是我们常见的Button、TextEdit等等。那么我们平时看到的Android手机中那些漂亮的界面是怎么显示出来的呢？这就要用到Android的布局管理器了，网上有人比喻的很好：布局好比是建筑里的框架，组件按照布局的要求依次排列，就组成了用于看见的漂亮界面了。

01

表格属性（特有）

设置边框前提border-collapse取值为sparete（不合并），

03

Android 浏览器文本垂直居中问题

在开发中，我们常使用 line-height 属性来实现文本的垂直居中，但是在安卓浏览器渲染中有一个常见的问题，就是对于小于12px的字体使用 line-height 属性进行垂直居中的时候，渲染出来的效果并不是文字垂直居中，而是会偏上一些。举两个代码示例如下：

02

HTML是什么？

html就是要告诉浏览器我的某个东西是什么，没错，这就是它的主要功能。html的实质，他就是一种标签，一种人和浏览器交流的标签，我们只有告诉浏览器这是什么，他才能帮助我们显示.

03

HTML/CSS 常见面试题汇总

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。

02

从零开始学android编程之表格布局管理器（2-1）

表格布局管理器用TableLayout类表示，该类派生自LinearLayout类，所以TableLayout类也具有LinearLayout类的方法和属性。

02

Android精通：布局篇

TableLayout是将子类向分别排列成行和列的布局视图容器，TableLayout是由许多TableRow对象组成的，表格布局以行列的形式管理子控件，每一个单元是一个TableRow或者View对象。

04

关于Web语义化的意义

随着现在WEB（网页）的越来越火爆，WEB开发也越来越受人们重视。Tim Berners-Lee 可能不会想到它现在会达到的规模以及深入到我们生活的那么多方面。其实 HTML 在刚开始设计出来的时候就是带有一定的「语义」的，包括段落、表格、图片、标题等等，但这些更多地只是方便浏览器等 UA 对它们作合适的处理。但逐渐地，机器也要借助 HTML 提供的语义以及自然语言处理的手段来「读懂」它们从网上获取的 HTML 文档，但它们无法读懂例如「红色的文字」或者是深度嵌套的表格布局中内容的含义，因为太多已有的内容

06

浏览器重绘与回流

重绘与回流是浏览器渲染的时候进行的操作，当页面内容发生改变的时候，就会触发重绘或者回流

02

[转自blueidea]像table一样布局div Ⅰ

翻译自：Equal height boxes with CSS 原文：http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/ 下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用

07

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭