关于单元格因colspan而宽度不一致的问题，求解决。

coolice_2004 2010-10-25 04:42:48

<table style="border:1px solid black;">

<tr >
<td colspan="2" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">
11111111111111111
</td>
<td colspan="2" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">
11111111111111111
</td>
<td colspan="2" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">
11111111111111111
</td>
</tr>

<tr>
<td colspan="3" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">
11111111111111111
</td>
<td colspan="3" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">
11111111111111111
</td>
</tr>

</table>

...全文

681 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

JJYY0088 2010-10-25

打赏
举报

回复

lz 为每个tb添加colSpan 感觉很奇怪

更改代码：

<table style="border:1px solid black;">

<tr >

	<td style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">

	11111111111111111

	</td>

	<td style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">

	11111111111111111

	</td>

	<td style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">

	11111111111111111

	</td>

</tr>

<tr>

	<td colspan="2" style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">

	11111111111111111

	</td>

	<td style="background-color:#80b62f;border-bottom: 2px solid #99cc99;border-right: 2px solid #99cc99; ">

	11111111111111111

	</td>

</tr>

</table>

Mr-Jee 2010-10-25

打赏
举报

回复

你要的效果是什么样的呢~

当多行存在colspan时,可能出现colspan少的单元格宽度不正确的情况，详细举例如下： You can't have overlapping colspans of different widths, the table cells need to line up. You're trying to draw this table: 目标表格: |-----|---------

因为一般表格都会定义一个table-layout: fixed;防止td被连串字符撑开，但是如果首行有合并单元格的话 TD宽度定义就会失效。最好的办法，在最上边加以下代码来控制td宽度 <colgroup> <col width=60%></col> <col width=20%></col> ...

html中怎么解决表格单元格td设置宽度无效的问题发布时间：2020-09-28 16:16:34来源：亿速云阅读：87作者：小新小编给大家分享一下html中怎么解决表格单元格td设置宽度无效的问题，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！在做table页面时，有时对td设置的宽度是无效的，td的宽度始终有内部的内容撑开，可以设置padding，但直接设置width却无效，下面我...

在用IE浏览器制作预览网页的时候，如果表格使用了colspan属性（变现为列数不同，有合并的列），表格的自动宽度会受到很大的影响，以至于错位混乱。

NG-ZORRO + angular-cli11 实现表格横纵向单元格合并，按需设置背景色，并解决动态合并单元格动态colspan情况下，nzLeft固定列失效问题

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章