Putting Tische Seite an Seite, wenn genügend Platz auf dem Bildschirm

StackOverflow https://stackoverflow.com/questions/402817

  •  03-07-2019
  •  | 
  •  

Frage

Ich habe zwei HTML-Tabellen, die idealerweise nebeneinander auf dem Bildschirm platziert werden würden. Widescreen-Monitore mit diesem feinen fertig zu werden, aber die Tische sind zu breit nebeneinander zu sein, auf den meisten altmodisch Monitore. Deshalb mag ich CSS verwenden (oder auch nur HTML, wenn möglich) die Tabellen nebeneinander zu platzieren, nur wenn die Auflösung hoch genug ist.

Dies funktioniert automatisch mit Bildern, in der Regel, aber gibt es eine Möglichkeit, es für Tabellen zu tun?

War es hilfreich?

Lösung

Ja, die CSS-Style-float gilt: links auf die Tabellenelemente

Hier ist eine ausgezeichnete Grundierung auf schwimmendem: http://css.maxdesign.com.au/floatutorial /

Andere Tipps

Mein Rat wäre, um die Tabelle zu schweben (denken Sie daran eine Tabellenbreite angeben - wählen Sie eine, die auf einem nicht-Breitbild-Monitor voll ist). 

table {
    width: 500px; /* important */
    float: left;
}

Allerdings könnte dies funktioniert auch (nicht getestet): 

table {
    display: inline;
}

versuchen, diese (Sie können die Größe des Fensters ändern können): 

<html>
<body bgcolor="red">
<p>
    <table bgcolor="green" style="float: right;">
    <tr>
        <td>sssssssssssssssssssssssssssssssssssssssssss</td>
    </tr>
    </table>

    <table bgcolor="blue" style="float: left;">
    <tr>
        <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
    </tr>
    </table>
</p>
</body>
</html>

->

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top