python rowspan_table rowspan跨行 某列单元格不均分(神奇的问题!求解!)

在iOS设备上,一个含有rowspan属性的表格单元格在移动端显示时,出现了第一列四个单元格高度不均分的异常情况。问题源自Safari的一个bug,但因内容由用户填写,无法预知高度,使得解决方案难以实施。同时,此问题仅在iOS下出现,Android设备表现正常。寻求解决跨平台表格布局一致性的方法。
摘要由CSDN通过智能技术生成

更新:这是stackoverflow上查询到的相关信息:

里面明确了这是safari的一个bug,提的方案是如果能知道/预测到跨行项的高度,就可以设置tr为这个高度除以四

但是在我这里不适用,因为这块内容是用户填写的,我并不知道高度会是多少。

我也想过用js去控制,但是这个页面不只是有这一个table,并不是所有table都是这样的问题,没办法去知道哪个表格会出现这样的问题并用js去修改tr的高度。

跪等大神!!!

更新:刚才发现这是在ios下才会出现的问题,android的表现是第一列四个单元格均分高度

原问题:

table在移动端的表现问题,请教各位大神!

table代码如下:

tbody标签里面四行两列,第一行第二列的单元格跨四行,rowspan="4"

相关css代码如下:

table {

margin-bottom: 0.4rem;

border-collapse: collapse;

width: 100%;

background: white;

}

thead td {

background: #c30d0d;

color: white;

white-space: nowrap;

border: 1px solid #c0c0c0;

}

td {

border: 1px solid #d2d2d2;

text-align: center;

color: #111111;

padding: 0.1rem;

font-size: 0.24rem;

}

tbody td.isEdit {

text-indent: 2em;

text-align: left;

}

td textarea {

padding: 0 .1rem;

color: #535353;

}

textarea::-webkit-input-placeholder {

color: #535353;

}

下面是在移动端上表格的表现:

相关敏感信息已隐藏,如果有碍理解问题,可留言询问下

谢谢各位大神!!!!!!!

问题:

1、为什么第一列四个单元格不均分高度?

2、怎样让第一列四个单元格均分高度?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值