HTML - zwei Tabellen nebeneinander

Mögliche Duplizieren:
Trying to get tables next to each other horizontal HTML - zwei Tabellen nebeneinander

Ich habe zwei HTML-Tabellen bereits erstellt. Wie kann ich sie nebeneinander statt 1 übereinander legen?

2012-07-27 Matt Stokes

Sie sie mit CSS-Stil können: http://de.wikipedia.org/wiki/Cascading_Style_Sheets – David

Hallo Matt, Willkommen bei Stack Overflow! Können Sie ein Beispiel für Ihren vorhandenen Code bereitstellen? Das hilft uns herauszufinden, was Sie suchen, und es einfacher zu machen, Ihre Frage zu beantworten. Siehe auch http://stackoverflow.com/questions/how-to-ask –

Je nach Inhalt und Platz, können Sie Schwimmer oder Inline-Display verwenden:

<table style="display: inline-block;"> 

<table style="float: left;">

Prüfen Sie es hier heraus: http://jsfiddle.net/SM769/

Dokumentation

CSS display auf MDN - https://developer.mozilla.org/en/CSS:display
CSS float auf MDN - https://developer.mozilla.org/en/CSS/float

Quelle

2012-07-27 15:01:51

Ich glaube nicht, die Einstellung ['display'] (https://developer.mozilla.org/en-US/docs/Web/CSS/display) auf Inline-Block sollte die akzeptierte Antwort sein, da ein '

'Element sollte explizit das'display'-Attribut auf' Tabelle 'gesetzt haben. Ansonsten verhält es sich nicht genau wie eine Tabelle. – WoIIe

Mit CSS: table {float:left;}?

Quelle

2012-07-27 14:54:34

Sie können Ihre Tabellen in einem div platzieren und fügen Sie Stil auf den Tisch "float: left"

<div> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

oder einfach CSS verwenden:

div>table { 
    float: left 
}

Quelle

2012-07-27 14:57:09

Wie ich in themhz's Antwort erwähnt habe, sind die Wrapping divs nicht notwendig. Im Allgemeinen versucht man, die gewünschte Präsentation mit möglichst wenigen Tags zu erreichen. –

ja ohne div auch Float links funktioniert –

<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div> 
<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

Quelle

2012-07-27 14:59:53 themis

Die Wrapping Divs sind nicht erforderlich - Sie können die Tabellen selbst schweben. Das Hinzufügen der divs fügt unnötigerweise mehr Markup hinzu. –

Verwandte Themen