Question

所以我有一张桌子，我想转换成html布局，因为它更容易控制，但我真的不知道最好的做法是什么，你能给我一个吗？很少有想法。

其中一个表的示例。

<table style="border-collapse: collapse; width: 100%; border: medium none;" align="left" width="100%">
<tbody>
<tr>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test2</span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test3<br/></span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test4<br/></span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test5</span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test6<br/></span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test7<br/></span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test8<br/></span>
    </td>
    <td style="border: medium none;">
        <span style="font-size: 8pt;">Test9<br/></span>
    </td>
</tr>
</tbody>
</table>

Answer 1

每个<tr>表示一行。每个<td>表示一列。请参阅4行多列表的示例。

<table style="border-collapse: collapse; width: 100%; border: medium none;" align="left" width="100%">
  <tbody>
    <tr>
        <td style="border: medium none;">
            <span style="font-size: 8pt;">...</span>
        </td>
        <td>...</td>
        <td>...</td>
        ...etc...
    </tr>
    <tr>
        <td style="border: medium none;">
            <span style="font-size: 8pt;">...</span>
        </td>
        <td>...</td>
        <td>...</td>
        ...etc...
    </tr>
    <tr>
        <td style="border: medium none;">
            <span style="font-size: 8pt;">...</span>
        </td>
        <td>...</td>
        <td>...</td>
        ...etc...
    </tr>
    <tr>
        <td style="border: medium none;">
            <span style="font-size: 8pt;">...</span>
        </td>
        <td>...</td>
        <td>...</td>
        ...etc...
    </tr>
  </tbody>
</table>

HTML将表格转换为HTML布局

1 个答案: