Supprimer les espaces en HTML

Question

Je suis en train d'écrire un bouton "sortie" pour un client de jeu que je crée dans Electron, et après avoir écrit le code du bouton, une barre blanche géante apparaît à côté. J'aimerais également savoir comment utiliser TranslateX(percentage) pour le déplacer vers le haut, au milieu de la page, mais je n'arrive pas à le comprendre. =

.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

Je pense que cela se produit parce que votre balise body a une couleur de fond blanche, essayez de la changer avec la couleur de fond de la page ou vous pouvez également faire ce qui suit :

.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 */
}

Cela donnera essentiellement à votre bouton une position absolue et vous permettra de le placer où vous le souhaitez. S'il chevauche certains éléments, utilisez z-index.