半行休息<br>

Question

如果我想删除这两个元素的行之间的空间，我该怎么做。示例：

示例1 http://pokit.org/get/img/6be8921b47ff746c1bf297cf87ab0950.jpg

如果我删除

<br>

，它就会像这样，那么它就是这样的：

示例2 http://pokit.org/get/img/1924cb8a9b344bb4f4eda1a98760fd3e.jpg

各行要相互靠近。我想知道我怎样才能制作一半的

<br>

标签。如果你明白我的问题？

两行之间的间距应小于示例 1 中的间距，但高于示例 2 中的间距。

这是使用的代码

    <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>

还有班级测试

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

我知道我没有解释清楚，但我尽力了。

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

添加一个 margin-bottom 跨度元素

或

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

例如：

tekst {
     margin-bottom: 10px;
} 

或

optiontekst {
    margin-top: 10px;
}

Answer 7

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 8

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