Mettendo i tavoli uno accanto all'altro se c'è abbastanza spazio sullo schermo

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

  •  03-07-2019
  •  | 
  •  

Domanda

Ho due tabelle HTML che idealmente dovrebbero essere affiancate sullo schermo. I monitor widescreen faranno fronte a questa multa, ma i tavoli sono troppo ampi per essere affiancati sulla maggior parte dei monitor vecchio stile. Quindi voglio usare css (o anche solo HTML, se possibile) per posizionare le tabelle fianco a fianco solo se la risoluzione è abbastanza alta.

Funziona automaticamente con le immagini, di solito, ma c'è un modo per farlo per le tabelle?

È stato utile?

Soluzione

Sì, applica il float in stile CSS: lasciato agli elementi della tabella

Ecco un eccellente primer sul floating: http://css.maxdesign.com.au/floatutorial /

Altri suggerimenti

Il mio consiglio sarebbe di spostare la tabella (ricordati di specificare una larghezza della tabella - scegline una piena su un monitor non widescreen). 

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

Tuttavia, potrebbe funzionare anche questo (non testato): 

table {
    display: inline;
}

prova questo (puoi cambiare la dimensione della finestra): 

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

- >

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top