javascript - Htmlのコンテナ内のテーブルのスケールをどのように調整しますか?

Question

ユーザーがマトリックスにコロンまたは行を追加した場合、div 内のテーブルを自動的に調整するのに問題があります。そのサイズを超えても、スケールを小さく設定して、「コンテナ div」がいっぱいになることを願っています。コンテナのサイズを維持したまま、テーブルのみのサイズを変更することはできますか? 常にテーブルを中央に保ちますか?

使用したCSSは次のとおりです。

CSS

.container{
    background-image: url(image/block_surveillance_content.gif);
    background-position: bottom right;
    padding-bottom: 10px;
    width: 320px;
    height:400px;

}

.matrice{
    height:100%;
    width:100%;
 }

HTML

<div id="block" class="container">
  <table id="dataArray" class="matrice">
    <tr>
        <td></td>
        <td>
                <asp:Table runat="server" ID="matrixColumnLabel" ></asp:Table>
        </td>
    </tr>

    <tr>
        <td>
            <asp:Table runat="server" ID="matrixLineLabel" style="position:relative;margin:6px"></asp:Table>
        </td>
        <td>
            <asp:Table runat="server" ID="tableMatrice" CellPadding="0" CellSpacing="0" style="margin:6px"></asp:Table>
        </td>
    </tr>
  </table>
</div>

どうもありがとう