Question

在我的表单中，我使用的是表，<br/>标记无效。这是我的代码：

<div class="contact_info">
                    <h2>career</h2>
                    <div class="clear"></div>
                        <div class="career">
                            <center>
                            <form>
                            <table>
                                <tr>
                                <td><td>Post Your Resume</td></td>
                                </tr>
                                <tr>
                                <td>POST DETAIL:</td><td></td>
                                </tr>
                                <tr>
                                <td>APPLIED IN:</td><td><input type="checkbox" name="applied_in">DEGREE<input type="checkbox" name="applied_in">DIPLOMA</td>
                                </tr><br/>
                                <tr style="padding-top:100px;">
                                <td>DEPARTMENT:</td><td><input type="text" name="department" placeholder="Enter Department" size="36"></td><br/>
                                </tr><br/>
                                <tr>
                                <td>APPLIED FOR THE POST OF:</td><td><input type="text" name="app_post" placeholder="Enter Post To Work With" size="36"></td>
                                </tr>
                                <tr>
                                <td>PERSONAL DETAIL:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>EDUCATIONAL QUALIFICATION:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>DETAILS FOR EXPERIENCE:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>RESUME:</td><td><input type="file" name="file" value="Choose File"></td>
                                </tr>
                                <tr>
                                <td></td><td><input type="submit" value="Submit" name="submit"></td>
                                </tr>
                            </table>
                            </form>
                            </center>
                        </div>
                </div>

在这段代码中，我在两个不同的地方使用<br/>，但它总是从顶部开始。

JSFiddle

Answer 1

<br>代码不能是<table>或<tr>代码的直接后代，必须放在<td>代码中。

Answer 2

只需从代码中删除所有<br>，就无法使用表格，并使用填充。

示例：

<div class="contact_info">
                    <h2>career</h2>
                    <div class="clear"></div>
                        <div class="career">
                            <center>
                            <form>
                            <table>
                                <tr>
                                <td><td>Post Your Resume</td></td>
                                </tr>
                                <tr>
                                <td>POST DETAIL:</td><td></td>
                                </tr>
                                <tr class="rowspace">
                                <td>APPLIED IN:</td><td><input type="checkbox" name="applied_in">DEGREE<input type="checkbox" name="applied_in">DIPLOMA</td>
                                </tr>
                                <tr class="rowspace">
                                <td>DEPARTMENT:</td><td><input type="text" name="department" placeholder="Enter Department" size="36"></td>
                                </tr>
                                <tr>
                                <td>APPLIED FOR THE POST OF:</td><td><input type="text" name="app_post" placeholder="Enter Post To Work With" size="36"></td>
                                </tr>
                                <tr>
                                <td>PERSONAL DETAIL:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>EDUCATIONAL QUALIFICATION:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>DETAILS FOR EXPERIENCE:</td><td><textarea rows="3" cols="40"></textarea></td>
                                </tr>
                                <tr>
                                <td>RESUME:</td><td><input type="file" name="file" value="Choose File"></td>
                                </tr>
                                <tr>
                                <td></td><td><input type="submit" value="Submit" name="submit"></td>
                                </tr>
                            </table>
                            </form>
                            </center>
                        </div>
                </div>

和班级

.rowspace td { padding-bottom: 1em; vertical-align:top; }

Answer 3

你应该把标签放在里面或标签上。
不会在里面工作或标记。

<td>Name:<br></td>

将起作用

 <tr><td>Name:</td><br></tr>

无效。

Answer 4

你可以使用。

<td>Name:<br></td>

但是，最好的方法是使用CSS。

<br/>从桌子顶部打破标签

4 个答案: