1

我有两个按钮,我想把它们放在一起。我怎么能做到?每次一个按钮在另一个按钮下。这是代码:

CSS:

<style type="text/css">

.button_example{
border:1px solid #B7B7B7; 
text-align: center; 
color: #FFFFFF; 
background-color: #D3D3D3;
}

.button_example:hover{
border:1px solid #B7B7B7; 
text-align: center; 
color: #1f1f1f; 
background-color: #ffffff;
}
</style></head>

HTML

<div align="right"><a href="http://www.theamazingmonth.pusku.com/rules.html"><input type="button" class="button_example" value="Rules" /></a></div>
<div align="right"><a href="http://www.theamazingmonth.pusku.com/info.html"><input type="button" class="button_example" value="Info" /></a></div>

提前致谢!

4

4 回答 4

4

查看jSFiDDLE

删除多余的 div 标签并将两个标签都包含在一个 div 标签下

像这样:

  <div align="right">
    <a href="http://www.theamazingmonth.pusku.com/rules.html"><input type="button" class="button_example" value="Rules" /></a>
    <a href="http://www.theamazingmonth.pusku.com/info.html"><input type="button" class="button_example" value="Info" /></a>
</div>
于 2013-06-02T11:39:32.370 回答
2

你需要做3件事:

  1. 删除align="right"并替换为float:right.
  2. 删除<br>代码中的多余部分。
  3. clear:both完成按钮后,使用 css 添加 div 。

jsfiddle 示例

于 2013-06-02T13:21:47.817 回答
1

起初 - 你的 HTML 部分搞砸了:

<div><a><input/></div></a>
<div><a><input/></div></a>

你应该有:

<div><a><input/></a></div>
<div><a><input/></a></div>

其次——如果你想要可点击的按钮,为什么不使用<button>标签而不是<a><input></a>

和决赛。尝试将此样式添加到您的 div 中:

float: right;

但是您需要clear在此之后添加一些项目。例如:

<br class="clearFloat">

和CSS

.clearFloat { clear: both; }
于 2013-06-02T11:48:15.777 回答
0

移除 2 个 div,仅使用 1 个 div 并添加 CSS,如下所示:

#butn{
    margin: 0 auto;
    display: block;
}
<div id="butn" align="right">
    <a href="http://www.theamazingmonth.pusku.com/rules.html"><input type="button" class="button_example" value="Rules" /></a>
    <a href="http://www.theamazingmonth.pusku.com/info.html"><input type="button" class="button_example" value="Info" /></a>
</div>

于 2020-03-06T06:11:50.070 回答