recherche

Maison  >  Questions et réponses  >  le corps du texte

Titre réécrit comme : Éliminer les espaces dans les boutons HTML

J'écris donc un bouton de sortie pour un client basé sur les électrons et après avoir recherché comment le redimensionner en fonction de la taille de l'écran, un espace blanc apparaît à côté du bouton. Cela crée également une boîte blanche géante en dessous lorsque j'essaie de la déplacer dans la bonne position. Est-ce que quelqu'un sait pourquoi cela se produit et peut m'aider à y remédier ? 

<body>
    <webview src="https://bapbap.gg"></webview>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo+Black">
    <style>
      body {
        display: flex;
        flex-direction: column;
        margin: 0;
        height: 100vh;
        position: relative;
      }
      
      webview {
        flex: 1;
      }
      
      .ExitButton {
        cursor: pointer;
        text-align: center;
        font-size: 10px;
        font-family: 'Archivo Black';
        color: #6B7075;
        border-color: transparent;
        background-color: transparent;
        transition-duration: 0.5s;
        transform: translate(700px, 300px);
      }
      
      .ExitButton:hover {
        background-color: rgb(150, 5, 5);
        transition-duration: 0.5s;
      }
      
      .nav {
        display: flex;
      }

    </style>
    <div class="nav">
      <button class="ExitButton" onclick="alert('Are you sure you want to exit BapClient?')">EXIT</button>
    </div>
    </button>
  </body>
P粉787934476P粉787934476493 Il y a quelques jours692

répondre à tous(1)je répondrai

  • P粉550323338

    P粉5503233382023-09-16 12:01:17

    En classe ExitButton中，transform: translate(700px, 300px); cette ligne est chargée de déplacer le bouton de [0,0] au point que vous avez mentionné : [700,300].

    En supprimant cette ligne de code, vous pouvez placer le bouton dans le coin supérieur gauche de la page. Vous pouvez ensuite modifier sa position où vous le souhaitez en utilisant la grille, la mise en page, etc.

    répondre
    0
  • Annulerrépondre