Question

这是我的代码：

＆＃13;

<HTML>
Hello
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Good bye!
</HTML>

＆＃13;

是否有更简单的方法而不是使用10个标签？

Answer 1

您可以使用CSS margin-bottom属性

https://developer.mozilla.org/en-US/docs/Web/CSS/margin

＆＃13;

.br {margin-bottom: 10em}

＆＃13;

<HTML>
Hello
<p class="br"></p>
Good bye!
</HTML>

＆＃13;

Answer 2

您可以使用javascript来实现。像这样：

var breakItem = document.getElementById("break")

breakItem.innerHTML = "<br>".repeat(10)

<HTML>
Hello
<div id="break"></div>
Good bye!
</HTML>

.repeat函数将字符串<br>重复10次，然后将其添加到div的{{1}}。

Answer 3

这取决于你所追求的是什么，如果你只是来自多个<br>的空间，那么你可以使用css定位元素代替（填充，顶部，边距等）或者，如果您特别需要x个<br>元素，则可以使用内联JavaScript for循环：

<HTML>
    Hello
    <script>
        var i;
        for (i = 0; i < 10; i++) { 
            document.write("<br>");
        }
    </script>
    Good bye!

</HTML>

Answer 4

<br>用于html中的换行符。

如果要添加多个空白行，可以使用

<br style="line-height:N;">

其中N是空行数，或者您可以写px

例如

<br style = "line-height:100;">

或

<br style = "line-height:100px;">

第一个给您100空行，第二个给您100px空间

Answer 5

一种添加可调整垂直空间的变通方法：
（适用于 Jupyter Notebook markdown 单元格）

<hr style="border:none; margin-bottom:2.2em">

更改要调整的 em 编号。

如何在HTML中多次使用

5 个答案: