0

私はフロントエンドにかなり慣れていません。私はそれを探求し、本当に愛しています。

ここに私が遭遇したいくつかの問題があります。それはかなり単純かもしれません。

Web ページの右側に 3 つのセクションがあります。これらの各セクションを最大化、最小化、および閉じる機能を追加したいと考えています。jquery SlideUp() および slideDown() メソッドを使用して実装に成功しました。

私はこのようなボタンを持っています：

<h2 id = "Heading" style="background-color: grey ;">Movie Names      
<button  id = "minimise" > - </button>
<button id = "maximise" >  + </button>
<button id = "close" > x </button>
</h2>

私の Web ページでは、これらのボタンの間に隙間があります。このスペースを取り除く方法がわかりません。ウィンドウの最大化、最小化、閉じるボタンがどのように見えるかなどを見たいです。

もう 1 つの質問は、これらのボタンの位置を調整したいので、ムービー名とこれらのボタンの間にスペースを追加するにはどうすればよいかということです。

ありがとう

4

1 に答える 1

2

行の折り返しによる空白が原因である可能性があります。 button要素はインラインであるため、要素の隣に表示される空白もインラインで表示されます。

これが違いを生むかどうかを確認してください：

<h2 id="Heading" style="background-color:grey;">Movie Names
  <button  id="minimise">-</button
  ><button id="maximise">+</button
  ><button id="close">x</button
></h2>

編集:ここでは、JSfiddle の違いを確認できます。 あなたのコード対私のコード。2 番目の例では、ボタン要素の間に空白はありません。ただし、CSS で制御できる余白やアウトラインなどにより、空白が表示される場合があります。

于 2012-07-24T21:02:51.273 に答える