0

これは2つのボタンの私のコードです:

HTML:

<div clas="buttons">
<a class="btn1" href="#">Ture</a>
<a class="btn2" href="#">False</a>
</div>

CSS:

.btn1 {
margin-bottom: 30px;
margin-left: 150px;
}
.btn2 {
margin-right: 150px;
}

ただし、「margin-bottom:30px」属性は機能しません。ボタンを垂直に配置できませんでした。さらに奇妙なことに、「margin-right: 150px;」属性は私の btn2 では機能せず、2 つのボタンはまだ互いに隣接しています。ところで、私の div は 2 つのボタンを別々に配置するのに十分な大きさです。

4

4 に答える 4

1

これは、当然<a>インライン要素であるためです。display: block;マージンを適用する場合は、それに適用する必要があります。

その後、2 つのボタンが上下に配置されます。それでも隣同士に表示したい場合は、それらを表示する必要がありfloat: left;ます。そして、ある種の を適用することを忘れないでください.clearfix。

于 2012-08-06T16:14:31.887 に答える
0

float:left; を試すことができます。ボタン用。

于 2012-08-06T16:02:06.997 に答える
0

margin-bottom と margin-right の代わりに、margin-top と margin-left を使用する必要があります...

このように、最初のボタンの高さを使用して他のボタンを押し下げることができます

.btn1 { height:200px; }

マージンを使用している場合は、次のように常に高さと幅を定義する必要があります

.btn1 { height:20px; width:100px; }
.btn2 { height:20px; width:100px; padding-top:150px; }

更新：フロートコメントについて-フロートは2つのボタンを水平に並べて配置します。彼はそれらを垂直に整列させたかったと思います

于 2012-08-06T16:00:38.620 に答える