VS制作网页格式问题

Question

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 550px">
<tr>
                <td style="font-size: 0pt; vertical-align: middle; margin:0">
                    <table border="0" cellpadding="0" cellspacing="0" style="font-size: 10pt; height: 25px; width:100%; margin:0">
                        <tr style="margin:0">
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                        </tr>
                    </table>
                </td>
            </tr>
</table>
有这样一段代码，得到的效果是中间的table的上面和下面都有一段空隙，很宽的，我如果把这个垂直的对齐方式改成顶部对齐，空就全在下面了，不知道为什么

Answer 1

你table设了高度了“height: 550px”

Answer 2

<table style="width: 100%; height: 550px">
<table style="font-size: 10pt; height: 25px; width:100%; margin:0">你外表格定义 550px，内表格定义25px，当然有空隙咯，不知你要解决什么问题

Answer 3

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 550px">
<tr style=" height:5px">
                <td style="font-size: 0pt; vertical-align: middle; margin:0;height: 5px;">
                    <table border="0" cellpadding="0" cellspacing="0" style="font-size: 10pt; height: 25px; width:100%; margin:0">
                        <tr style="margin:0">
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                            <td style="width: 80px; height: 25px;">
                            </td>
                            <td style="font-size: 15pt; width: 3px; text-align:center; height: 25px;">|</td>
                        </tr>
                    </table>
                </td>
            </tr>
</table>这样总看的懂了吧，tr的高度是5px，内表的高度是25px，但是内表和tr之间还是有空隙

Answer 4

    把第一个<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 550px">
     height  这个属性去掉看看

Answer 5

我这个外面的table其实还有其他的tr的，这里没有写出来，就是说这个tr的上下边与table的上下边不重合，tr的上下边更高一点，里面的table的高度更窄

Answer 6

在.net 2005 编辑器菜单上单击右键。选中"xml编辑器",然后在工具栏上就出现一个鼠标放上去提示为"编排整个文档格式"，点击一下就可以自动排列了，不用手动的.