Colocar las mesas una al lado de la otra si hay suficiente espacio en la pantalla

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

  •  03-07-2019
  •  | 
  •  

Pregunta

Tengo dos tablas HTML que, idealmente, se colocan una al lado de la otra en la pantalla. Los monitores de pantalla ancha se ocuparán de esta multa, pero las mesas son demasiado anchas para estar una al lado de la otra en los monitores más antiguos. Así que quiero usar css (o incluso solo HTML, si es posible) para colocar las tablas una al lado de la otra solo si la resolución es lo suficientemente alta.

Esto funciona automáticamente con imágenes, generalmente, pero ¿hay alguna forma de hacerlo para tablas?

¿Fue útil?

Solución

Sí, aplique el estilo CSS float: left a los elementos de la tabla

Aquí hay un excelente manual para flotar: http://css.maxdesign.com.au/floatutorial /

Otros consejos

Mi consejo sería flotar la tabla (recuerde especificar el ancho de la tabla; elija uno que esté lleno en un monitor que no sea de pantalla panorámica). 

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

Sin embargo, esto también podría funcionar (sin probar): 

table {
    display: inline;
}

prueba esto (puedes cambiar el tamaño de la ventana): 

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

- >

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top