débordement de manutention dans les tables

Question

Si j'ai une table comme dans cet exemple très simple:

table { 
    table-layout:fixed; 
    width:300px; 
} 

.td1 { 
    width:100px; 
} 
.td2 { 
    width:200px; 
} 

et dans l'un de mes .td2 contient une image qui est, disons, dans 300pxwidth. Je voudrais montrer des barres de défilement pour permettre aux utilisateurs de faire défiler pour voir tout cela. Cependant, je ne pense pas que ce soit possible, n'est-ce pas?

Mes questions sont les suivantes:

1. Y at-il d'autres options en dehors de hidden pour la manipulation trop-plein dans les tableaux?

2. Est-il possible d'afficher les barres de défilement uniquement lorsque le contenu dépasse une largeur définie? (Je te jure que je l'ai vu dans certains logiciels de forum mais je ne me souviens pas que l'on)

Answer 1

Qu'en est-

overflow: auto 

contenu est tondue et le défilement est ajouté seulement si nécessaire .

Mettre l'image dans un div dans la cellule de la table et que la largeur et la hauteur de la div à 100% de la td style à overflow: auto

<style> 
.test { width: 100%; height: 100%; overflow: auto; } 
</style> 

<td> 
<div class="test"> 
your image 
</div> 
</td>