gpt4 book ai didi

html - 使用表格布局时列宽错误 :fixed

转载 作者:太空宇宙 更新时间:2023-11-04 15:21:59 25 4
gpt4 key购买 nike

在我的example jsfiddle我有两个 HTML 表格。它们基本上是一样的——同样的类(class),同样的内容,一切。唯一的区别是行的顺序。

<style>
.tbl-lay-fixed {table-layout:fixed}
</style>

<table class="tbl-lay-fixed" border="1" width="100%">
<tr>
<td width="5%">xxxx</td>
<td width="95%">yyyyyyyyyy</td>
</tr>
<tr>
<td colspan="2" width="100%">xxxx</td>
</tr>
</table>

<table class="tbl-lay-fixed" border="1" width="100%">
<tr>
<td colspan="2" width="100%">xxxx</td>
</tr>
<tr>
<td width="5%">xxxx</td>
<td width="95%">yyyyyyyyyy</td>
</tr>
</table>

表 1 显示正确 - 单元格宽度正确。

表 2 显示不正确 - 第二行有两列,witdh 分别设置为 5% 和 95%,但显示为 50% 50%。

Problem with table-layout:fixed;

问题出在哪里?在所有浏览器中都是一样的。

最佳答案

这似乎至少在 Firefox 中有效(将底部 TD colspan 更改为 20)

just remove "width="100%" <table class="tbl-lay-fixed" border="1" width="100%"> from the table class 

关于html - 使用表格布局时列宽错误 :fixed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14478610/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com