在桌前的四个空白行

时间:2012-02-08 03:17:20

标签: html

当我通过浏览器看到它时,我会在表格前看到四个空白行。它们在哪里以及如何移除它们?

<body>
            <table>  
                <tr><td> Subject name:* </td><td>   <input type="text" name="subject_name"></td></tr>
                <br>   
                    <tr><td> Code of subject: </td><td> <input type="text" name="subject_code"></td></tr>
                    <br>
                        <tr><td> Description:*</td><td><input type="text" name="descriptions"></td></tr>
                        <br>
                            <tr><td> Teacher:*</td><td><input type="text" name="teacher"></td></tr>
                            <br>
                                <tr><td> Link:</td><td><input type="text" name="href"></td></tr>
                                <br>
                                    <tr><td> University:*</td><td><select id="continent" name="university" onchange="countryChange(this);">
                                                <option value="empty">Select a university</option>
                                                <option value="Chech technical university (CVUT)">Chech technical university (CVUT)</option>
                                                <option value="Charles university (UK)">Charles university (UK)</option>
                                                <option value="MIT">MIT</option>
                                                <option value="Harvard">Harvard</option>
                                            </select> </tr>

                                    </table>
                                    </body>

谢谢

5 个答案:

答案 0 :(得分:5)

您将任何标记放在<tr></tr>标记之外,它会放在您的表格之外。删除<br />代码之间的<tr>代码,您的问题就会解决

答案 1 :(得分:1)

与提及的t q和Shadow_boi一样,取出<br>标签。此外,您的最终<td>未关闭。类似的东西:

<body>
    <table>  
        <tr>
            <td> Subject name:* </td>
            <td>   <input type="text" name="subject_name"></td>
        </tr>
        <tr>
            <td> Code of subject: </td>
            <td> <input type="text" name="subject_code"></td>
        </tr>
        <tr>
            <td> Description:*</td>
            <td><input type="text" name="descriptions"></td>
        </tr>
        <tr>
            <td> Teacher:*</td>
            <td><input type="text" name="teacher"></td>
        </tr>
        <tr>
            <td> Link:</td>
            <td><input type="text" name="href"></td>
        </tr>
        <tr>
            <td> University:*</td>
            <td>
                <select id="continent" name="university" onchange="countryChange(this);">
                    <option value="empty">Select a university</option>
                    <option value="Chech technical university (CVUT)">Chech technical university (CVUT)</option>
                    <option value="Charles university (UK)">Charles university (UK)</option>
                    <option value="MIT">MIT</option>
                    <option value="Harvard">Harvard</option>
                </select>
            </td>
        </tr>
    </table>
</body>

答案 2 :(得分:1)

<br>用于断开作为句子或字符序列的行,因为它们默认水平对齐。 <br>用于在新行中打印其后面的所有文本或字符。在HTML <table>中是用于显示包含某些内容的表的标记。 <table>后面应始终跟<tr>,这意味着您要在表格中添加一行。 <tr>可以被视为新TABLE ROW的开头。因此,一旦您将此标记关闭为,以下代码将自动考虑从下一行打印,因为该行已经结束。 <td>用于给出描述部分,应该在<tr>内的新行上显示.Hence始终位于<tr>内。您可以将其视为新的列,以及该表中该行中的多列。在此上下文中,您已关闭</tr>告诉浏览器在下一行显示其他内容,并再次给出<br> 。由于上面的解释,因此在表格中不允许使用<br>因为你没有在代码中使用任何形式的分区,所以即使在显示表格之前,它也会在开始时使用<br>。所以在表之前有四行空格。尝试删除<br>,你会得到预期的结果。你也可以参考t

http://www.w3schools.com/tags/tag_br.asp

http://www.w3schools.com/html/html_tables.asp

答案 3 :(得分:0)

尝试删除所有&lt; br&gt;标签

或移动&lt; br&gt;里面的标签&lt; td&gt;标签

答案 4 :(得分:0)

摆脱休息

            <table>  
            <tr><td> Subject name:* </td><td>   <input type="text" name="subject_name"></td></tr>

            <tr><td> Code of subject: </td><td> <input type="text" name="subject_code"></td></tr>

            <tr><td> Description:*</td><td><input type="text" name="descriptions"></td></tr>

            <tr><td> Teacher:*</td><td><input type="text" name="teacher"></td></tr>

            <tr><td> Link:</td><td><input type="text" name="href"></td></tr>

            <tr><td> University:*</td>
            <td><select id="continent" name="university" onchange="countryChange(this);">
                    <option value="empty">Select a university</option>
                    <option value="Chech technical university (CVUT)">Chech technical university (CVUT)</option>
                    <option value="Charles university (UK)">Charles university (UK)</option>
                    <option value="MIT">MIT</option>
                    <option value="Harvard">Harvard</option>
            </select> 
            </tr>

            </table>