Quelle est la façon la plus simple de mettre l'espace entre 2 boutons côte à côte asp.net

créer un diviseur de classe comme suit:

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

puis attachez ceci à un div entre les deux boutons

<div style="text-align: center"> 
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
    <div class="divider"/>
    <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
</div>

C'est le meilleur moyen car il évite le modèle de boîte, qui peut être une douleur sur les navigateurs plus anciens, et n'ajoute pas de caractères supplémentaires qui seraient repris par un lecteur d'écran, il est donc préférable pour la lisibilité.

il est bon d'avoir un certain nombre de ces types de divs pour certains scénarios (mon plus utilisé est vert5spacer, similaire à ceci mais met un bloc div avec hauteur 5 et largeur auto pour espacer les éléments dans une forme etc.

Ajouter un espace   entre eux (ou plus selon votre préférence)

    <div style="text-align: center">         
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
        &nbsp;
        <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
    </div>

#btnClear{margin-left:100px;}

Ou ajouter une classe pour les boutons et disposent de:

.yourClass{margin-left:100px;}

C'parvient - http://jsfiddle.net/QU93w/

    <style>
    .Button
    {
        margin:5px;
    }
    </style>

 <asp:Button ID="Button1" runat="server" Text="Button" CssClass="Button" />
 <asp:Button ID="Button2" runat="server" Text="Button" CssClass="Button"/>

essayez de mettre la classe suivante sur votre deuxième bouton

.div-button
{
    margin-left: 20px;
}

Edit:

si vous voulez que votre premier bouton soit espacé à partir du div ainsi qu'à partir du second bouton, alors appliquez cette classe à votre premier bouton .

j'ai utilisé   et il fonctionne très bien. Vous pouvez essayer. Vous n'avez pas besoin d'utiliser les guillemets

Vieux post, mais je dirais que le plus propre serait d'ajouter une classe pour le reste de la div et un bouton de classe sur chaque bouton de sorte que votre règle CSS devient utile pour obtenir plus de cas d'utilisation:

/* Added to highlight spacing */
.is-grouped {   
    display: inline-block;
    background-color: yellow;
}

.is-grouped > .button:not(:last-child) {
    margin-right: 10px;
}

Spacing shown in yellow<br><br>

<div class='is-grouped'>
    <button class='button'>Save</button>
    <button class='button'>Save As...</button>
    <button class='button'>Delete</button>
</div>

Pouvez-vous juste de faire quelques  ?

<div style="text-align: center"> 
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
    &nbsp;&nbsp;
    <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
</div>

<span style="width: 10px"></span>

vous pouvez ajuster la quantité d'espace en utilisant la propriété width.

votre code serait:

<div style="text-align: center"> 
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
    <span style="width: 10px"></span>
    <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
</div>