VS排版功能还是弱了点,还是用Dreamweaver来的好,VS里还是用DIV+CSS设计方便点。

解决方案 »

  1.   

    主要是你的两个像素值225px和195px之间的差,不知道是怎么得来的?<table style="position: relative" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="3" rowspan="3" style="height: 195px">
                <table style="position: relative" border="1" cellpadding=0 cellspacing=0>
                    <tr height="22px">
                        <td style="width: 100px">
                            1,1
                        </td>
                        <td style="width: 100px">
                            1,2
                        </td>
                        <td style="width: 100px">
                            1,3
                        </td>
                    </tr>
                    <tr height="22px">
                        <td>
                            2,1
                        </td>
                        <td>
                            2,2
                        </td>
                        <td>
                            2,3
                        </td>
                    </tr>
                    <tr style="height: 151px">
                        <td>
                            3,1
                        </td>
                        <td>
                            3,2
                        </td>
                        <td>
                            3,3
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                line 1</td>
        </tr>
        <tr>
            <td>
                line 2</td>
        </tr>
        <tr>
            <td>
                line 3</td>
        </tr>
    </table>
      

  2.   

    vs是一个设计工具,设计模式下的html也是设计模式的,而不是预览模式的。不知道下一版的vs的html设计器(好像换新的了)会是怎样,但是如果设计模式与预览模式完全一样其实也不方便与熟练的html工人操作。
      

  3.   

    开头的225px、cellpadding、cellspacing是个问题。下边的195px又是个问题。然后再下边的table高度不确定是第三个问题。如果你写的是应用程序,而不是那些静态页面,最好不要设置任何绝对高度和宽度,让table自动排版。例如:<table style="position: relative" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="3" rowspan="3">
                <table style="position: relative" border="1" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            aaaaa,bbbb,ccccc
                        </td>
                        <td>
                            1,2<br />
                            1,2
                        </td>
                        <td>
                            1,3
                        </td>
                    </tr>
                    <tr>
                        <td>
                            2,1
                        </td>
                        <td>
                            2,2<br />
                            2,2<br />
                            2,2
                        </td>
                        <td>
                            2,3
                        </td>
                    </tr>
                    <tr>
                        <td>
                            3,1
                        </td>
                        <td>
                            3,2
                        </td>
                        <td>
                            3,3<br />
                            3,3<br />
                            3,3<br />
                            3,3<br />
                            3,3<br />
                            3,3<br />
                            3,3<br />
                            3,3
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                line 1</td>
        </tr>
        <tr>
            <td>
                line 2</td>
        </tr>
        <tr>
            <td>
                line 3</td>
        </tr>
    </table>
    当然那些写死了坐标的静态布局又是另一种观念。