Question

我对前端很新。我正在探索它并且非常喜欢它。

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

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

在我的网页中，我发现这些按钮之间存在差距。我不知道如何摆脱这个空间。我希望看到像窗户最大化，最小化和关闭按钮看起来的东西。

还有一个问题是如何在电影名称和这些按钮之间添加空格，因为我想调整这些按钮的位置。

由于

Answer 1

这可能是由于换行造成的空白造成的。 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控制它们。

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

1 个答案: