IE9 colspan bug

最新推荐文章于 2021-06-14 11:36:03 发布
原创 最新推荐文章于 2021-06-14 11:36:03 发布 · 584 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在IE9浏览器中，当表格列宽设置为宽度大于或等于2时，出现的显示百分比问题，并提供了解决方案：在表格内加入一行空行。

IE9

table 所有列colspan≧2,显示百分比有问题。需要加一行空行

<table>

  <col style="width:10%">

  <col style="width:10%">

  <col style="width:30%">

  <col style="width:10%">

  <col style="width:10%">

  <col style="width:30%">

  <tr>

    <td style="height:0px;padding:0px;"></td>

    <td style="height:0px;padding:0px;"></td>

    <td style="height:0px;padding:0px;"></td>

    <td style="height:0px;padding:0px;"></td>

    <td style="height:0px;padding:0px;"></td>

    <td style="height:0px;padding:0px;"></td>

  </tr>

  <tr>

    <td colspan=3>A</td>

    <td colspan=3>B</td>

  </tr>

</table>


单点登录之CAS SSO从入门到精通（第三天）
打造全国最全的AI Agent开发知识领域的博客
03-09 2万+
各位新年好，上海的新年好冷，冷到我手发抖。上次我们说到了CAS SSO的一些基本用法如：连数据库怎么用，连LDAP怎么用，这次我们要来讲一个网上几乎没有人去过多涉及到的一个问题即：在多租户的环境下我们的cas sso如何去更好的支持，即cas sso multi tentant 的问题，这个问题在很多国外的一些网站包括CAS的官网也很少有人得到解决，在此呢我们把它给彻底的解决掉吧，呵呵。什么是多租
Python3.6+selenium2.53.6自动化测试_禅道新增BUG（一）（本地禅道）
热门推荐
dengachao的专栏
07-25 12万+
环境： 编辑工具： 浏览器： 有问题可以联系qq：1776376537 工程目录截图： base.py脚本如下： from selenium import webdriver from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common....
ie下设置table的colspan问题
03-28 840
Attention: ie下设置clospan属性必须这么写：colSpan,否则不起作用。（row.cells[0].setAttribute('colSpan','5');） 转自：http://hi.baidu.com/5i24/blog/item/902cd61b941e48deac6e754c.html
IE中表格colspan属性影响表格宽度问题
06-26 4778
在用IE浏览器制作预览网页的时候，如果表格使用了colspan属性（变现为列数不同，有合并的列），表格的自动宽度会受到很大的影响，以至于错位混乱。
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
09-05
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性的说明，需要的朋友可以参考下。
html的自动表格布局和固定表格布局
02-17 1418
定义和用法 tableLayout 属性用来显示表格单元格、行、列的算法规则。 固定表格布局： 固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。 在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。 通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。 自动表格布局： 在自动表格布局中，列的宽度是由列单元格中没
兼容IE6的div模拟table布局技术研究
6. **兼容性问题解决**：针对IE6的兼容性问题，通常需要通过一些额外的CSS规则来修复一些已知的bug，比如双边距bug（margin加倍的问题）、float元素高度塌陷问题等。 下面是一个简单的示例代码，展示如何使用div来...
基于HTML+CSS+JS实现跨浏览器兼容的表格固定列功能
为此，代码中必然包含了针对IE的特殊处理逻辑，比如使用条件注释、polyfill补丁、规避IE特有的盒模型bug、避免使用ES6+语法等措施。此外，jQuery 1.8.3的选择也佐证了这一点——该版本是最后一个支持IE6-IE8的主流...
页面自定义弹出输入框
oklehehe的专栏
02-27 3761
网上查找的资料代码，自己调试整理成可以用在个个地方的弹出输入框,可以在一个页面中有多个不同的弹出框 封装js  PopDrag.js if(!Function.prototype.bind) { Function.prototype.bind = function(o,args) { var _self = this; ret
IE6-IE9兼容性问题列表及解决办法_补充之三：Table的Col不再支持style及align，需要到th, td中去设置
w36680130的博客
06-14 112
IE6-IE9兼容性问题列表及解决办法_补充之三：Table的Col不再支持style及align，需要到th, td中去设置
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
小诺
11-26 7万+
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题？ 百度源代码如下： 1 2 html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> 3 head> 4 m
colspan，border-collapse，文本居中，文本框居中
...
09-18 4090
div{ /*text-align :center;//文本居中*/ font-size:14px;//字体大小为12像素 line-height:20px; height:20px; width:700px; margin:0 auto;//文本框居中显示 } // 表格单元横跨两列的表格： Month Savings
colspan
最新发布
06-13
### HTML `colspan` 属性的用法及问题解决 `colspan` 是 HTML 中用于表格单元格的一个属性，允许单元格跨越多列。此属性通常与 `<td>` 或 `<th>` 元素一起使用，以实现更复杂的表格布局[^1]。 #### 基本语法 ```html <td colspan="number">Content</td> ``` - `number` 表示该单元格需要跨越的列数。 - 如果未指定 `colspan`，则单元格默认仅占据一列。 #### 示例代码 以下是一个简单的表格示例，展示了如何使用 `colspan`： ```html <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>Row 1, Cell 1</td> <td colspan="2">Row 1, Cells 2 and 3 combined</td> </tr> <tr> <td colspan="3">Row 2, All cells combined</td> </tr> </table> ``` #### 输出解释 上述代码将生成一个包含三列的表格： 1. 第一行显示三个独立的表头。 2. 第二行中，第一个单元格占据一列，而第二个单元格通过 `colspan="2"` 跨越了两列。 3. 第三行中，唯一的一个单元格通过 `colspan="3"` 跨越了所有三列。 #### 注意事项 - 使用 `colspan` 时，确保总列数保持一致，否则可能导致表格渲染异常。 - 如果需要跨越多行，应使用 `rowspan` 属性而非 `colspan`[^3]。 #### 解决常见问题 如果在使用 `colspan` 时遇到问题，可以检查以下几点： 1. **表格结构是否正确**：确保 `<table>`、`<tr>` 和 `<td>` 标签嵌套正确。 2. **列数是否匹配**：跨列单元格可能导致列数不一致，需调整其他单元格的宽度或数量。 3. **浏览器兼容性**：现代浏览器普遍支持 `colspan`，但在某些旧版浏览器中可能存在问题。 ### CSS 与 `colspan` 的结合 虽然 `colspan` 是 HTML 属性，但可以通过 CSS 进一步美化表格。例如，设置单元格的背景颜色或边框样式： ```css td[colspan] { background-color: #f0f0f0; text-align: center; } ``` 上述代码将为所有带有 `colspan` 的单元格应用灰色背景和居中对齐[^3]。 ---
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值