html解决table设置宽度无效的问题

假如对table配置table-layer:fixed样式后，发明表格中有一行归并过，其余没有归并的行的列宽会均匀化，对列宽的配置会失效。

办理要领：

在tbody前面加

<col style="width: 100px;"/> <col> <col style="width: 100px;"/> <col style="width: 100px;"/> <col style="width: 100px;"/>

.detail { padding-bottom: 50px; margin-top: 80px; } .detail_table { table-layout:fixed;/*列宽由表格宽度和列宽度设定。*/ margin: auto;/*table居中*/ text-align: center; border: 1px solid #804040; border-collapse: collapse; } .detail_table th { padding: 26px;; } .detail_table td { border: 1px solid #804040; padding-top: 16px; padding-bottom: 16px; } .special { text-align: left; padding-left: 20px; }

<div class="detail"> <table class="detail_table"> <thead> <th colspan="5">选择的选项明细</th> </thead> <!--写的话就凭证你写的宽度，可是假如你写的宽度占不满table它会凭证你给的尺寸的比例等分至每个td--> <!--此刻这么写就是四列是100px,没给数据的那一列占剩下的所有--> <col style="width: 100px;"/> <col> <col style="width: 100px;"/> <col style="width: 100px;"/> <col style="width: 100px;"/> <tbody> <tr> <td> 序号 </td> <td> 症状 </td> <td> 切合 </td> <td> 不切合 </td> <td> 不确定 </td> </tr> <?php $i = 1; ?> <?php foreach ($test as $item): ?> <!--拿到选择项--> <?php $temp = $this->session->userdata('b' . $i) ?> <tr> <td> <?php echo $i; ?> </td> <td> <?php echo $item; ?> </td> <td> <?php if ($temp == 1): ?>√<?php endif ?> </td> <td> <?php if ($temp == 2): ?>√<?php endif ?> </td> <td> <?php if ($temp == 3): ?>√<?php endif ?> </td> </tr> <?php $i++; ?> <?php endforeach; ?> </tbody> </table> </div>

到此这篇关于html办理table配置宽度无效的题目的文章就先容到这了,更多相干table配置宽度无效内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!