Wie richten Sie die Schaltfläche zentriert unter der Tabelle?

Lege ich form-Elemente in einer Tabelle, so dass die Spaltennamen und-Eingänge sind ausgerichtet auf 2-Spalten.
Und ich habe submit-button und Abbrechen-button unterhalb der Tabelle.
Die Breite der Tabelle ist nicht behoben.
Ich möchte die buttons zentriert der die Breite der Tabelle.

Eine einfache Möglichkeit besteht darin, die Tasten in der Tabelle.
Aber ich möchten, trennen Sie Sie vom Tisch.
Was ist der eleganteste Weg das zu tun?

InformationsquelleAutor Sam Kong | 2009-06-24
  1. 10

    Struktur wie dieser:

    <div>
<!-- Your table -->
<table />
<!-- Your buttons -->
<div style="text-align:center;">
<input />
</div>
</div>
    • Das würde nicht funktionieren: ein DIV-Element erstreckt sich über die max Breite zur Verfügung steht, während eine Tabelle nicht.
    InformationsquelleAutor Dimi Takis
  2. 2

    Da man die Tasten und Tabelle bezogen sind, könnten Sie ein fieldset:

    <fieldset>
<!-- Your table -->
<table />
<!-- Your buttons -->
<p style="text-align:center;">
<input />
</p>
</fieldset>
    InformationsquelleAutor Steve
Schreibe einen Kommentar