css - 如何用 CSS 控制一个？

Question

我有这个片段：

      <label>&nbsp;</label><a id="whatever" 
      onclick="addmore('field_whatever', 'What's up?');">The deal is?</a><br/>

如何使用 CSS 在顶部或底部添加空间。我可以为 margin-left 做到这一点，但它不适用于 margin-top 或 margin-bottom。

谢谢

Answer 1

labels默认情况下是内联的。他们不会在顶部/底部边距上响应。您必须告诉他们显示为block/ inline-block。

像这样

label { 
    display: inline-block;
    margin: 20px 0;
}

---

此外，您的锚有一个未转义的报价。改正为这样

<a id="whatever" 
      onclick="addmore('field_whatever', 'What\'s up?');">The deal is?</a>

Answer 2

#whatever{
    margin-left: 10px;
    margin-top: 10px;
    // etc, can even do this
    margin: 10px 10px 5px 20px;
}

Answer 3

试试显示块，应该可以的。

label {
   display:block;
   margin:20px 0;
}