Was ist der einfachste Weg, um Platz zwischen 2 nebeneinander liegenden Schaltflächen in asp.net zu platzieren

Ich habe 2 Knöpfe nebeneinander, und ich hätte gerne welche dazwischen.

Der folgende Code hat 2 Schaltflächen direkt nebeneinander. Ich habe Margin für das Div ausprobiert und konnte einfach keinen schönen Abstand zwischen den beiden bekommen.

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

Erstellen Sie eine Teilerklasse wie folgt:

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

Hängen Sie dies dann an ein div zwischen den beiden Schaltflächen an

<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>

Dies ist der beste Weg, da es das Box-Modell vermeidet, das bei älteren Browsern ein Problem sein kann, und keine zusätzlichen Zeichen hinzufügt, die von einem Screenreader erfasst würden, sodass die Lesbarkeit verbessert wird.

Es ist gut, eine Reihe dieser Arten von Divs für bestimmte Szenarien zu haben (mein am häufigsten verwendetes ist vert5spacer, ähnlich wie dieses, aber fügt ein Block-Div mit Höhe 5 und Breite automatisch ein, um Elemente in einem Formular usw.

Fügen Sie ein Leerzeichen hinzu   zwischen ihnen (oder mehr, je nach Vorliebe)

    <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;}

Oder fügen Sie den Schaltflächen eine Klasse hinzu und haben Sie:

.yourClass{margin-left:100px;}

Dies erreicht dies – 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"/>

Alter Beitrag, aber ich würde sagen, der sauberste Ansatz wäre, dem umgebenden div eine Klasse und jeder Schaltfläche eine Schaltflächenklasse hinzuzufügen, damit Ihre CSS-Regel für mehr Anwendungsfälle nützlich wird:

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

Versuchen Sie, die folgende Klasse auf Ihrem zu installieren zweite Taste

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

Bearbeiten:

Wenn Sie möchten, dass Ihre erste Schaltfläche sowohl vom div als auch von der zweiten Schaltfläche beabstandet ist, wenden Sie diese Klasse auf Ihre erste Schaltfläche an Auch.

ich benutzte   und es funktioniert gut. Du könntest es versuchen. Sie müssen keine Anführungszeichen verwenden