如何在HTML中的表格下方添加空格?[closed]

watbbzwu  于 2022-11-20  发布在  其他
关注(0)|答案(2)|浏览(143)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
昨天关门了。
Improve this question
我寻找解决方案,但似乎没有什么工作。我只是一个初学者,我不明白大多数的东西。我尝试使用<br/>下表,但它没有任何作用。我只是削减我的表,而不是显示它的全部。有一个好的和简单的解决方案吗?
这是代码:

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table class="w-100" style="height: 526px">
            <td style="width: 550px">&nbsp;
                <div class="contact-info bg-white shadow-lg">
                    <center><h5 class="mb-3">Recipes youv'e used</h5</center>
                    <table class="w-100"
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 1</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 2</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 3</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 4</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td style="width: 35px">
                                <li class="nav-link">
                                    <a class="custom-btn btn custom-link" href="#section_1"><img src="icons/search1.png" /></a>
                                </li>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <br />
    <br />
    <br />
</asp:Content>
wztqucjr

wztqucjr1#

若要在表格下方新增间距,您可以使用margin-bottom CSS属性:

<table class="w-100" style="height: 526px; margin-bottom: 10px">
...
</table>

根据需要调整px的量。

mkh04yzy

mkh04yzy2#

与HTML有关的步骤

<table cellspacing="5px">

    </table>

最好使用CSS tho;

th, td {
         padding: 5px;
      }

https://www.w3schools.com/html/html_table_padding_spacing.asp

相关问题