使用css制作按钮行

时间:2014-04-01 02:03:01

标签: css

我想知道是否有人能告诉我如何腾出6个按钮。我想要的是三个按钮位于顶部,而其他3个按钮位于顶行。所以基本上它会是两排独立的按钮。

我在之前的帖子上得到了这样的答案但是我忘了包含我只需要使用css,因为html标签不起作用。

非常感谢任何帮助。感谢。

1 个答案:

答案 0 :(得分:1)

<div>
    <button>one</button>
    <button>two</button>
    <button>three</button>
</div>
<div>
    <button>one</button>
    <button>two</button>
    <button>three</button>
</div>

<button>one</button>
<button>two</button>
<button>three</button><br />
<button>one</button>
<button>two</button>
<button>three</button>

HTML

<div id="onebox">
    <button>one</button>
    <button>two</button>
    <button>three</button>
</div><br />
<div id="twobox">
    <button>one</button>
    <button>two</button>
    <button>three</button>
</div>

CSS

#onebox{
    width: auto;
    height: auto;
    display:inline-block;
    background-color: red;
}
#twobox{
    width: auto;
    height: auto;
    display:inline-block;
    background-color: green;
}