edge关于style=“display:block“ 引发的页面布局错乱的解决办法

已于 2023-04-14 11:05:27 修改
阅读量902 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端布局 文章标签： html css html5
于 2023-03-01 14:58:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuYanLin_/article/details/129281614
博客指出在HTML里tr、td会报错，而div不会。原因是将block直接解析为与第一列宽度一致，添加colspan或td填充无效。解决办法是去掉style=\display:block\或改为style=“display:”。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

tr td 会报错
div不会错

原因：直接把block解析为与第一列的宽度是一致的，不管你添加colspan或者是添加td来填充，都没有效果。

解决方法：把style="display:block"去掉或者改为style=“display:”

HTML+CSS大作业：使用html设计一个简单好看的公司官网首页 浮动布局
QQ_____365392777的博客
08-13 656
👒 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站......
CSS之Flex布局
qq_57907966的博客
02-18 1096
Flex布局
js style.display=block显示布局错乱问题的解决方法
11-24
1、当表格为多列的情况下，属性为”display:block”行的内容宽度仅与第一列宽度相同，也就是说无论你使colspan的属性值为多少，剩余列的空间都不进行解析。 2、同一行反复的在”display:none;”与”display:block;”两个状态间切换时，表格的底部会持续的产生多余的空白空间以至于造成页面布局的扭曲。 解决方法： 1、用display:table-row属性来调试，发现者FireFox下正常了，但IE是不支持改属性的，怎么办呢？用JS来做判断，然后做兼容吧。 2、另外一个很简单也很可行的方法，就是用 display:’ ‘这个属性dispaly后面不加任何的东西，很
有关table布局时tr 属性display:block显示布局错乱
weixin_30344131的博客
05-21 668
display:block display:block是可以把非块级元素强制转换为块级元素显示，如内嵌元素span，原来不支持设置宽高，宽度是由内容撑开的; display:table-row table-row:指定对象作为表格行，类同于html标签<tr> 问题如下 当表格为多列的情况下，属性为"display:block"行的内容宽度仅与第一列宽度相同，也就是说无论你使...
在table中tr的display:block显示布局错乱问题
zj853975468的博客
06-01 3880
最近在作项目的时候碰到一个问题，就是需要AJAX来交互显示 标签内的东西，按照常理，对于某一单元行需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做 在IE浏览器中显示正常，没有任何问题。 但是当用Firefox浏览时却出现了布局错乱的问题，然后通FireBug去看了下源码，调试下了，发现是display:block属性搞的鬼。 1、当
style.display='block'
luoke920
11-20 4785
table1.style.display='block', block表示该元素显示为一个块级元素，单独占一行 none表示该元素不显示，并且不在网页上占位
HTML5期末作业：明星网站设计与实现——明星薛之谦介绍网页设计7个页面HTML+CSS+JavaScript
QQ_____365392777的博客
08-11 3152
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
【浏览器兼容性测试】：全面掌握页面缩放功能检测与兼容性分析方法
![【浏览器兼容性测试】：全面掌握页面缩放功能检测与兼容性分析...文章详细分析了页面缩放涉及的浏览器渲染过程、CSS视口设置、标签使用以及JavaScript控制，并结合自动化测试工具和案例分析对跨浏览器的页面缩放进行
前端开发中的最新技术——CSS Container Queries: 自适应布局的新纪元
最新发布
桂月二二博客
01-25 1107
CSS Container Queries 是一种新的 CSS 功能，允许开发者基于某个元素的容器尺寸而不是视口（viewport）尺寸来调整其样式。这意味着，开发者可以为某个元素的父级容器设置查询条件，根据该容器的尺寸变化调整子元素的样式，而不需要依赖于浏览器窗口的尺寸变化。这一特性解决了传统媒体查询的一大问题：当一个元素被嵌套在多个容器中时，开发者无法单独根据内部容器的尺寸来控制布局，这对于组件化开发和模块化设计尤为重要。
edge浏览器打开html文件路径被拆分,Edge浏览器显示网页排版错位
weixin_31207903的博客
06-08 1829
首先这是一篇水文。作为微软的壳，谷歌的心，Edge浏览器正逐步替换微软亲生儿子IE，越来越多的人把Edge当做Chrome的备用浏览器来使用了。那天为了测试某个兼容问题，刻意下载了下Edge来尝试一下。总体来说，这款浏览器还是很好用的。所以就没删除，一直留在了系统里。再后来闲着么事开了下我的博客，偶买噶，这排版怎么成了这逼样。看个图来体会一下。排版错位，字体咋还这么大，这怎么能忍，必须不能忍。首先...
table表格，display：block之后，样式混乱
m0_49789433的博客
09-07 975
是因为display:none之后原本的位置是不被保存的 block又是块级标签，导致出现错误 新闻的内容只能占一列的宽度 当将display:table,问题解决 如果没有效果那么，改成display:table-row,
edge css兼容,CSS输入错误样式在Edge浏览器中无法正确显示
weixin_42511887的博客
08-04 2437
将字段留空(用于测试)并单击“保存”按钮时，输入字段应使用红色加下划线，并在下方带有“必填”文本。 我已经在IE11，Edge，Chrome和Firefox中进行了测试。 除Edge浏览器外，它均按预期工作。如果Test2字段获得焦点，然后单击/跳出，则会显示红色下划线。 我发现Test1仅正确显示，因为该字段由jQuery验证集中。 如果我有更多字段(Test3，Test4等)，它们也将无法正确...
Csss属性display，visibility区别，对渲染页面的影响
星下云的博客
02-11 1098
display，visibility
ie、firefox、chrome中关于style="display:block" 引发的页面布局错乱的解决办法
weixin_30848775的博客
01-21 609
ie、firefox、chrome中关于style="display:block" 引发的页面布局错乱的解决办法： table中tr 添加style="display:block" 导致页面布局错乱 对table中tr 不显示时，添加style="display:none"，ie、chrome、firefox等都没有问题。但是如果想要显示某个tr，就不能使用style="displ...
style样式优先级问题【display:block依旧无法显示DOM元素】
一个非常Cool的人
09-25 1407
优先级排序：!important>行内样式>样式选择器>继承样式>浏览器默认样式 样式选择器有：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 优先级相等实行覆盖原则
style.display=block显示布局错乱问题的解决方法
lijian260的专栏
11-22 2081
js style.display=block显示布局错乱问题的解决方法
解决CSDN文档打印排版混乱问题
qq_37247026的博客
03-15 869
【代码】解决CSDN文档打印排版混乱问题。
Table用js设置 display:none之后再设置为block后格式乱了怎么解决？
LittleMH的博客
08-27 1328
Table用js设置 display:none之后再设置为block后格式乱了怎么解决？ Table用js设置 display:none之后再设置为block后格式乱了怎么解决？ 问题描述： 一直没写过前端，遇到的坑记录一下。 需求是控制div的消失之后再显示，设置document.getElementsById(“testId”).style.display=“none”,再显示则设置为block，但是block之后，格式乱掉了，这个问题搞了好几天，分享一下。 document.getElementsBy
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值