Question

请问如何时用CSS配合ul和li做一个三行三列的表格，其中有一列合并了两行，如下面的这样，

<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

Answer 1

我想到的思路是，每一个tr使用一个ul，td使用li
使用css设置li的宽度一致。
对于跨行的处理方法，就设置它的宽度为2倍

Answer 2

<div style="width:300px;">
<ul style="margin:0px; padding:0px; width:300px;">
<li style="width:100px; float:left">1</li>
<li style="width:100px; float:left">2</li>
<li style="width:100px; float:left">3</li>
</ul>
<div style="width:300px; float:left">
<ul style="margin:0px; padding:0px; width:200px; float:left">
<li style="width:100px; float:left">1</li>
<li style="width:100px; float:left">2</li>
<li style="width:100px; float:left">3</li>
<li style="width:100px; float:left">4</li>
</ul>
<ul style="margin:0px; padding:0px; width:100px; float:left">
<li style="width:100px; float:left">1</li>

</ul>
</div>
</div>

Answer 3

<ul>
<li>
</li><li>
</li><li>
</li>
</ul>
<ul>
<li>
</li><li>
</li><li>
</li>
</ul>
<ul>
<li>
</li><li>

</li>
</ul>把li的排列方式改成横排就可以了