Question

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

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

如果我删除了 ，它会是这样的，那就是它的样子：

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

行将彼此关闭。我想知道如何制作 标签的一半。如果你理解我的问题？

两行之间的空间应小于示例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

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

我知道我没有解释得很好，但我尽力了。

Answer 1

 标记只是在文档的标准换行符中添加。您可以调整CSS中 元素的大小：

  br {
    line-height: 10px;
 }

或者你可以使用<hr>的技巧;设置高度并使其不可见

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

Answer 2

如果您只想在一个地方进行，可以将行高直接应用于该元素： 

Answer 3

一些选择：

在顶部

margin-bottom

padding-bottom

在选择

margin-top

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

Answer 4

您可以使用边距：

<强> DEMO

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 5

添加margin-bottom span元素

OR

为select元素添加margin-top

例如：

tekst {
     margin-bottom: 10px;
}

OR

optiontekst {
    margin-top: 10px;
}

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

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

半个休息时间

6 个答案: