Обработка переполнения в таблицах

Question

Если у меня есть таблица, как этот очень простой пример:

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

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

и в одном из моих .td2 содержит изображение, которое, позволяет сказать, 300px в width. Я хотел бы показать полосы прокрутки, чтобы пользователи могли прокручивать их, чтобы увидеть все. Однако я не думаю, что это возможно, не так ли?

Так что мои вопросы:

1. Есть ли какие-либо другие варианты, кроме hidden для обработки переполнения в таблицах?

2. Можно ли показывать полосы прокрутки только в том случае, если контент превышает заданную ширину? (Я клянусь, что я видел его в каком-то форуме программного обеспечения, но я не помню, какой)

Answer 1

насчет

overflow: auto 

Содержимое обрезается и прокрутка добавлены только при необходимости ,

Поместите изображение внутри DIV в ячейке таблицы и сделать ширину и высоту DIV быть 100% от тд и стиль его переполнение: авто

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

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