center-Tabelle in HTML

Wie kann ich den center der table innerhalb einer div mit html?

Ich legte meine Inhalte in einer div - tag, und legen Sie die text-align Attribut center wie die folgenden.

text-align: center;

Das hat nicht funktioniert.

Unten ist mein html.

<html>
    <body>
        <div style="text-align:center">
            <p>
    text test
            </p>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </div>
    </body>
</html>
InformationsquelleAutor R.S | 2012-11-20
  1. 24

    Geben, Breite Tabelle, und setzen Sie margin auto horizontal.

    table {
  width:500px;
  margin: 10px auto;
}
    • thaaaaaaaaaaanks. es funktioniert <3 danke :*
    InformationsquelleAutor Kalpesh Patel
  2. 7

    Versuchen Sie die unten

    <table style="margin:0px auto; width:500px">
    • danke Mann 😡 es funktioniert
    • markieren Sie diese oder die andere Antwort als angenommen, wenn Sie sowohl Ihr problem lösen
    InformationsquelleAutor Murali Murugesan
  3. 3
    <div style="text-align:center">    
   <table style="display: inline-table;">    
   </table>
</div>
    InformationsquelleAutor Sergio Ramirez
  4. 1

    Bearbeiten Sie die Tabelle, tag wie unten

     <table border="1" align="center">

    und dann überprüfen.

    • oh dieser Weg ist der beste... thank youuuuuuu
    • ausrichten-tag ist veraltet, bitte benutzen Sie oben genannten Methoden @R. S
    InformationsquelleAutor svk
  5. 1
    <html>
<body>
<div style="text-align:center">
<p>
    text test
</p>
<table border="1" style="margin: 0 auto;">
<tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
</tr>
<tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
</tr>
</table>
</div>
</body>
</html>
    InformationsquelleAutor Maxim Pechenin
  6. 0

    Statt <div style="text-align:center"> Sie schreiben könnte <div style="width:600px;margin:0 auto">

    Das gibt Ihnen ein div mit der Breite von 600 Pixel und zentriert das div-Element in dem übergeordneten element.

    InformationsquelleAutor hellozimi
  7. 0

    Hinzufügen margin: 0px auto zu Ihrem table tag

    InformationsquelleAutor Cdeez
  8. 0

    kann man den Stil in der Tabelle 

    <table border="1" style="margin:0 auto;">

    Aber ich schlage vor, dass Sie mit einem Stylesheet und nicht inline-styles

    InformationsquelleAutor Claudio Carta
Schreibe einen Kommentar