Entfernen Sie Leerzeichen in HTML

Question

Ich schreibe gerade einen „Beenden“-Button für einen Spiele-Client, den ich in Electron erstelle, und nachdem ich den Code für den Button geschrieben habe, erscheint daneben ein riesiger weißer Balken. Ich würde auch gerne wissen, wie man translatorX(percentage) verwendet, um es in die obere Mitte der Seite zu verschieben, kann es aber nicht herausfinden. =

.ExitButton {
  color: red;
  font-size: 25px;
  max-width: 55px;
  length: 30px;
  border-color: black;
  transition-duration: 0.4s;
  cursor: pointer;
  text-align: center;
}

.ExitButton:hover {
  background-color: black;
}

.Exitbutton {
  background-color: transparent;
}

<webview src="https://bapbap.gg"></webview>

<button class="ExitButton" onclick="alert('Are you sure you want to exit BapClient?')">Exit</button>
</button>

Answer 1

我认为发生这种情况是因为您的正文标记具有白色背景颜色，请尝试使用页面的背景颜色更改它，或者您也可以执行以下操作：

.ExitButton {
/* ... */
position: absolute;
/* make the button 0 pixels away from bottom of the page */
bottom:0;
/* you can use top, left or right just like this way 
to put the button on anywhere on the page you want */
}

这本质上将为您的按钮提供绝对位置，并使您能够将其放置在您想要的任何位置。如果与某些元素重叠，请使用 z-index。