2

私は次の表を持っています（実際にはもっと大きいですが、簡単にするためです）：

<div>
   <table id="gametable">
        <tr><td>1</td> <td>2</td></tr>
        <tr><td>3</td> <td>4</td></tr>
        <tr><td>5</td> <td>6</td></tr>
    </table>
</div>

およびCSS:

        #gameTable {
        table-layout:fixed;
        position:absolute;
        height:640px;
        width:640px;
        margin-left:31%;
        margin-top:8%;
        }

        div {
        white-space: nowrap;
        overflow: hidden;
        }


        td {
        cursor: pointer;
        background-color: rgb(150,150,150);
        box-shadow: 3px 3px 1px #888888;
        text-align:center;
        font-weight:bold;   
        padding:0px;
        }

私の Javascript では、特定のテーブル セルの innerHTML に数値/文字列を追加します。

        table.rows[x].cells[y].innerHTML = mines;

これを行うと、すべてのセルのサイズが変更されますが、テキストを追加したセルが最大になります。テーブルのサイズはそのままです。テキストを追加する場合でも、各セルのサイズをまったく同じに保ちたいと思います。

4

1 に答える 1

3

td の固定幅を設定できます。

td {
 width: 100px;
 cursor: pointer;
 background-color: rgb(150,150,150);
 box-shadow: 3px 3px 1px #888888;
 text-align:center;
 font-weight:bold;   
 padding:0px;
    }
于 2013-04-21T12:17:49.497 に答える