HTML 概念有时是如此糟糕。
这是我在 html 表中使用 colspan 的代码,看起来并不像我预期的那样。
<table border="1">
<tr>
<td colspan="3">a</td>
</tr>
<tr>
<td colspan="2">b</td>
<td>c</td>
</tr>
</table>
我想要的是:cell 'a'应该看看3 个单元宽, cell 'b'应该看看2 单元宽, cell 'c'应该看看1 个单元格宽.
它正在做的是:cell 'a' is 2 个单元宽, cell 'b' 和 'c' is 1 个单元格宽。
任何建议谢谢。
属性colspan
确定单元格相对于其他单元格重叠的列数,而不是这些列的绝对大小。就你而言,跨度 2 有两个跨度。你怎么能说不是呢?不要通过单元格的宽度来判断它。跨度不是宽度。您必须添加另一个较小的列appear它作为两个跨度的列。
请参阅最后一个示例的代码片段中您期望的解决方案。
<h3>Example 1</h3>
<table border="1">
<tr><td>col1</td><td>col2</td><td>col3</td></tr>
<tr><td colspan="3">a</td></tr>
<tr><td colspan="2">b</td><td colspan="1">c</td></tr>
</table>
<h3>Example 2</h3>
<table border="1">
<tr><td width="80px">wide col1</td><td>col2</td><td>col3</td></tr>
<tr><td colspan="3">span 3</td></tr>
<tr><td colspan="2">span 2</td><td colspan="1">span 1</td></tr>
</table>
<h3>Your case</h3>
<table border="1">
<tr><td colspan="3">span 3</td></tr>
<tr><td colspan="2" width="66%">span 2</td><td width="33%">span 1</td></tr>
</table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)