1

我的 div 上有一个按钮。

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

div 显示在按钮的正下方。我希望按钮以换行符显示。我知道使用<br/>. 没有它我怎么给空间？

4

7 回答 7

3

使用CSS：

.sidebarmenu{
  margin-top: 20px;
}

现场示例：http: //jsfiddle.net/BhsYx/

于 2013-09-02T12:35:41.753 回答
2

您可以使用

#showmenu{
   margin-bottom:10px;
}

演示

于 2013-09-02T12:36:40.727 回答
2

换行的正确方法是使用<br>.

但是，要在块元素之间放置一些空间，您可以使用 CSS 属性，例如margin(external) 或padding(internal)。但边距不是换行符。<br>表示换行，并呈现为空白。边距是渲染空白空间的另一种方式，但这并不等同，因为它不会影响相同的事物。

于 2013-09-02T12:52:00.183 回答
1

你可以试试这个：

       <button id="showmenu" type="button">Show menu</button>
       <div class="sidebarmenu" style="margin-top:20px" >
            Some code
        </div>
于 2013-09-02T12:42:56.527 回答
0

您可以显示阻止您的按钮

button{display:block}
于 2013-09-02T12:36:44.997 回答
0

你可以让它成为一个块级元素......

button{
    display: block;
}

见小提琴：http: //jsfiddle.net/dwBG4/

于 2013-09-02T12:36:59.180 回答
0

在您给定的场景中，这确实不是坏习惯。当您看到以下内容时，这只是一种不好的做法：

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

但是你想用它来控制文本，所以用它！这让我想起了当你看到人们讨厌在桌子上，但在s 上使用display: tableand时！display: table-celldiv

于 2013-09-02T12:37:38.483 回答