Question

我的div上有一个按钮。

<button id="showmenu" type="button">Show menu</button>
<div class="sidebarmenu">
    Some code
</div>

div显示在按钮下方。我希望按钮显示换行符。我知道使用<br/>是一种不好的做法。没有它我怎么给空间？

Answer 1

使用css：

.sidebarmenu{
  margin-top: 20px;
}

实例：http://jsfiddle.net/BhsYx/

Answer 2

您可以使用

#showmenu{
   margin-bottom:10px;
}

Demo

Answer 3

制作换行符的正确方法是使用<br>。

要在块元素之间放置一些空格，您可以使用CSS属性，如margin（外部）或padding（内部）。但保证金并非突破。 <br>表示换行符，并呈现为空格。边距是另一种渲染空白空间的方法，但这不等同，因为它不会影响同样的事情。

Answer 4

你可以试试这个：

       <button id="showmenu" type="button">Show menu</button>
       <div class="sidebarmenu" style="margin-top:20px" >
            Some code
        </div>

Answer 5

您可以显示阻止按钮

button{display:block}

Answer 6

你可以把它变成块级元素......

button{
    display: block;
}

请参阅小提琴：http://jsfiddle.net/dwBG4/

Answer 7

在你给定的场景中真的不是很糟糕的练习。当你看到类似的东西时，这只是一种不好的做法：

<div>
</div>
<br />
<br />
<input />
<br />
<br />

但是你想用它来控制文字，所以使用它！这让我想起当你看到人们讨厌桌子时，却在display: table上使用display: table-cell和div！

不使用<br/>给出换行符

7 个答案: