所以我有一张桌子,我想转换成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>
答案 0 :(得分: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>