最大化，最小化和關閉網頁中每個部分的按鈕

我對前端很新穎。我正在探索它，真的很喜歡它。最大化，最小化和關閉網頁中每個部分的按鈕

這是我遇到的一些問題。這可能很簡單。

我在我的網頁右側有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>

在我的網頁，我看到這些按鈕之間的空隙。我不知道如何擺脫這個空間。我想看到如何最大化窗口，最小化和關閉按鈕的外觀。

還有一個問題是我如何在電影名稱和這些按鈕之間添加空格，因爲我想調整這些按鈕的位置。

謝謝

來源

2012-07-24 javaMan

對於我們無法想象的視覺問題，我們不可能提供幫助。你可以鏈接到顯示問題的頁面，或者設置一個JS小提琴，也許？ – Utkanos 2012-07-24 21:00:05

您可以使用CSS margin/padding在元素之間去除（或添加）空間，即'.button {margin：0;填充：0; } //刪除所有'。絕對定位可以通過CSS'position：absolute'完成。有關CSS的更多信息：http://www.w3schools.com/css/ – 2012-07-24 21:04:06

這很可能是由於線包裝引起的空白。 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的差異。 Your code與my code。在第二個示例中，按鈕元素之間沒有空白。但是，由於邊距，輪廓等原因，它們可能看起來有空白，您可以通過CSS控制這些空白。

來源

2012-07-24 21:02:51

嘿，我想加入這些按鈕。我不想看到這些按鈕之間的空間。看起來你的代碼比我的代碼更好。但它沒有解決問題 – javaMan 2012-07-24 21:11:10

「加入這些按鈕」是什麼意思？ – 2012-07-24 21:33:37

你可以在右邊的按鈕之間看到一些灰色區域。我不想看到他們。 - 按鈕的最右邊緣和+按鈕的最左邊緣必須相同。就像窗口中的最小化和最大化按鈕 – javaMan 2012-07-24 22:10:19

最大化，最小化和關閉網頁中每個部分的按鈕

回答

相關問題