最大化，最小化和关闭网页中每个部分的按钮

我对前端很新颖。我正在探索它，真的很喜欢它。最大化，最小化和关闭网页中每个部分的按钮

这是我遇到的一些问题。这可能很简单。

我在我的网页右侧有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

最大化，最小化和关闭网页中每个部分的按钮

回答

相关问题