当前位置：首页 → 问答吧 → 一个TABLE布局的小问题指点一下

一个TABLE布局的小问题指点一下

时间：2011-05-10

来源：互联网

[code=HTML][/code]<table id="table00" >
<tr class="t0">
<th colspan="6" align="center">
对我院行业作风及检验质量的意见和建议 </th>
</tr>
<tr class="t1">
<td colspan="2" scope="row" align="center" >
 检验时间是否及时

</td>
<td colspan="2" >    检验结果是否与实际相符</td>
<td colspan="2">  检验员廉政情况</td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td > </td>
<td> </td>
<td></td>
<td> </td>
<td > </td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td > </td>
<td> </td>
<td> </td>
<td> </td>
<td > </td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td > </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="t1">
<th colspan="2" scope="row" style="height: 40px">
 检验报告发出时间</th>
<td colspan="2" >服务态度</td>
<td colspan="2"> 总体满意度</td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td > </td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td > </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="t3">
<th scope="row"> </th>
<td > </td>
<td> </td>
<td> </td>
<td> </td>
<td > </td>
</tr>
<tr class="t4">
<th colspan="6" scope="row"> </th>
</tr>
<tr class="t3">
<th colspan="6" scope="row"> </th>
</tr>
<tr class="t3">
<th colspan="6" scope="row"> </th>
</tr>
<tr class="t3">
<th colspan="6" scope="row"> </th>
</tr>
</table>

以上代码里凡是合并单元格的一律打字没法居中跟还是在挤在第一个TD里一样有什么解决的办法呢！！！！！！！！！！

作者: NO_STUFF 发布时间: 2011-05-10

我先定一样代码法多了。。发第一段就可以了！！来人啊

作者: NO_STUFF 发布时间: 2011-05-10

#table00{ width:730px;}
.t0 th{ height:40px; text-align:center;}
.t1 th{ height:40px; width:50px; text-align:center;}
.t1 td{ height:40px; width:50px; text-align:center;}
.t3 th{ height:20px; width:50px; text-align:center; }
.t3 td{ height:20px; width:50px; text-align:center;}
.t4 th{ height:80px; text-align:center;}

作者: NO_STUFF 发布时间: 2011-05-10

没用！！！！

作者: NO_STUFF 发布时间: 2011-05-10

HTML code

<html>
<head>
    <style>
        #table00
        {
            width: 730px;
            border:solid 1px #B3B3B3 ;
            border-collapse:collapse
        }
        
        td
        {
            border:solid 1px #B3B3B3;
            text-align:center;   
        }
    </style>
</head>
<body>
    <table id="table00">
        <tr>
            <td colspan="6">
                对我院行业作风及检验质量的意见和建议&nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="2" scope="row">
                检验时间是否及时
            </td>
            <td colspan="2"> 检验结果是否与实际相符
            </td>
            <td colspan="2">检验员廉政情况
            </td>
        </tr>
        <tr>
            <td scope="row">
                sdfs</td>
            <td>
                sdfs</td>
            <td>
                sdfsd</td>
            <td>
                sdfs</td>
            <td>
                sfdsa</td>
            <td>
                sdfsa
            </td>
        </tr>
        <tr>
            <td scope="row">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td scope="row">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="2" scope="row" style="height: 40px">
                &nbsp;检验报告发出时间
            </td>
            <td colspan="2">
                服务态度
            </td>
            <td colspan="2">
                总体满意度
            </td>
        </tr>
        <tr>
            <td scope="row">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td scope="row">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td scope="row">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="6" scope="row">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="6" scope="row">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="6" scope="row">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="6" scope="row">
                &nbsp;
            </td>
        </tr>
    </table>
</body>
</html>