HTML5 Colspan -备选方案
HTML5 Colspan -备选方案
提问于 2012-11-29 15:51:18
我在HTML的一个td标签中使用了'colspan‘。我不想在HTML中使用'colspan‘。但我仍然需要实现'colspan‘所实现的功能。有什么方法可以做到这一点吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-11-29 17:00:49
可以使用一个表格来模拟colspan的效果，该表格包含要跨越的插槽的虚拟空单元格<td></td>，并绝对定位应该跨越它们的单元格。您需要一个相对定位的表格包装器div，因为您不能直接将表格作为定位的参考框架。
它变得相当丑陋，特别是因为你需要担心行的高度-因为让单元格绝对定位会使它远离表格格式。您可以通过使用单元格内容的副本作为要跨越的虚拟单元格的内容来处理此问题。参见jsfiddle。
它变得很复杂，所以任何不能处理简单colspan的软件也可能无法处理这一点(至少如果它负责呈现文档的话)。
Stack Overflow用户
发布于 2012-11-29 16:03:19
$(document).on('click', 'input#submitHtml', function(){
$('htmlToSend').find('tr').removeAttr('colspan');
// Submit the form.
});Stack Overflow用户
发布于 2012-11-29 16:10:46
你可以使用一个类似网格的结构，使用div。
<div>
<div class='headerrow'>
</div>
<div class='bodyrow'>
<div class='bodycell'>
</div>
<div class='bodycell'>
</div>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13621126
复制相关文章
相似问题
腾讯云开发者
