日期:2014-05-17  浏览次数:20665 次

求助!这样的表格代码要如何编写?


左边那几个框无论如何也没法弄成
  1
1
  1

这样的排布,老是变成

1 1 1

囧啊,还有右边那些怎么并过去?求大侠解答!

------解决方案--------------------
http://www.w3school.com.cn/tags/tag_td.asp

td 得colspan rowspan
------解决方案--------------------
是要这样的吗?
HTML code

<table width="200" border="1">
  <tr>
    <td width="16" rowspan="5">课堂教学</td>
    <td width="18" rowspan="3">讲课</td>
    <td width="144">课堂教学</td>
  </tr>
  <tr>
    <td>课堂教学</td>
  </tr>
  <tr>
    <td>课堂教学</td>
  </tr>
  <tr>
    <td rowspan="2">讲课</td>
    <td>课堂教学</td>
  </tr>
  <tr>
    <td>课堂教学</td>
  </tr>
</table>

------解决方案--------------------
HTML code
<table cellpadding="1" cellspacing="1" border="1" width="100%">
<tbody>
    <tr>
        <td rowspan="8">a1</td>
        <td rowspan="6">b1</td>
        <td>c1</td>
    </tr>
    <tr>
        <td>c2</td>
    </tr>
    <tr>
        <td>c3</td>
    </tr>
    <tr>
        <td>c4</td>
    </tr>
    <tr>
        <td>c5</td>
    </tr>
    <tr>
        <td>c6</td>
    </tr>
    <tr>
        <td rowspan="2">b2</td>
        <td>c7</td>
    </tr>
    <tr>
        <td>c8</td>
    </tr>
</tbody>
</table>

------解决方案--------------------
这个不难 无非就是 colspan rowspan的灵活运用。。。。