如何进行“半”行中断（<br>）？

Question

如果我想删除由

<br>

标签分隔的两个元素行之间的空格，我该怎么做？各行之间的距离太近。如何制作

<br>

标签高度的一半？

这是使用的代码

.tekst {
  font-family: 'Bree Serif', serif;
  color: #2980b9;
}

<span class="tekst">Sie besuchten Düsseldorf als:</span><br>
<select name="posjeta" class="optiontekst">
  <option>- bitte wählen -</option>
  <option>Geschäftsreisende</option>
  <option>Privatperson</option>
</select>
<br><br>

Answer 1

<br>

标签只是在文档中添加标准换行符。您可以调整 CSS 中

<br>

元素的大小：

  br {
    line-height: 10px;
 }

或者你可以使用

<hr>

的技巧；设置高度并使其不可见

<hr style="height:10px; visibility:hidden;" />

Answer 2

如果您只想在一处执行此操作，可以将 line-height 直接应用于
元素，如下所示：

<br style="line-height: 10px" />

Answer 3

这对我有用：-

<p style="margin:10px;"></p>

Answer 4

几个选项：

• 向顶部元素添加

  margin-bottom

  或

  padding-bottom

• 将

  margin-top

  添加到选择

可能还有很多其他可能性来实现这一目标。

Answer 5

您可以使用边距：

演示

HTML：

 <span class="tekst">Sie besuchten Düsseldorf als:</span>
<select name="posjeta" class="optiontekst">
    <option>- bitte wählen -</option>
    <option>Geschäftsreisende</option>
    <option>Privatperson</option>
</select>
<br>
<br>

CSS：

.tekst {
    font-family:'Bree Serif', serif;
    color: #2980b9;
    display:block;
    margin-bottom:10px;   /* adapt the margin value to the desire space between span and select box */
}

Answer 6

HTML：

<span class="tekst">Sie besuchten Düsseldorf als:</span>
    <select name="posjeta" class="optiontekst">
        <option>- bitte wählen -</option>
        <option>Geschäftsreisende</option>
        <option>Privatperson</option>
    </select>
    <br><br>

CSS：

.tekst{
    font-family: 'Bree Serif', serif;
    color: #2980b9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    }

尝试这个代码，它会对你有用。

Answer 7

<div style="height:3px;"><br></div>

使用你想在 html 中使用的任何 px

Answer 8

添加 margin-bottom 跨度元素

或

为选择元素添加一个 margin-top

例如：

.tekst {
     margin-bottom: 10px;
} 

或

.optiontekst {
    margin-top: 10px;
}