用DIV代表表

Question

我有一张桌子

<td colspan="6">
    <table width="100%" border="0">
      <tr align="center">
        <td width="5%"><input type="checkbox" name="chkAll" class="chkAll" value="1" /></td>
        <td width="7%"><strong>Item Id </strong></td>
        <td width="20%"><strong>Item</strong></td>
        <td width="17%"><strong>Type</strong></td>
        <td width="17%"><strong>Rate</strong></td>
        <td width="17%"><strong>Quantity</strong></td>
        <td width="17%"><strong>Price</strong></td>
      </tr>

我通过<DIV>代表该表，如此

<div id="table">
             <div class="row" id="row" align="center">
                <div id="cell"><input type="checkbox" name="chkAll" class="chkAll" value="1" /></div>
                <div id="cell"><strong>Item Id </strong></div>
                <div id="cell"><strong>Item</strong></div>
                <div id="cell"><strong>Type</strong></div>
                <div id="cell"><strong>Rate</strong></div>
                <div id="cell"><strong>Quantity</strong></div>
                <div id="cell"><strong>Price</strong></div>
             </div>

但我找不到colspan="6"的替代品。有人可以帮忙吗？

Answer 1

好的，让我们第100次直截了当。

表格并不邪恶。

表格用于表格数据。如果你有标题，行或列，那就太酷了。表是可以使用的。

在HTML中。表。

滥用元素是邪恶的

出于错误的原因使用任何元素是错误的。

图片

h1

布局

table

button了解链接

这些都是错的。不好。

摘要

使用表格而不是布局，每个人都会很开心。

Answer 2

Div不使用列的概念。您可以拥有任意数量的div，连续div。您可以修复div的宽度，然后可以使用它们来构建表。顺便说一句，你可以像bootstrap一样去css框架，效率会更高。

Answer 3

以这样的方式设置div宽度，它将占据“TD”部分。

为此你只需要添加一个更高宽度的类，并在新行上添加一些div。