首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止表单元格在添加文本时调整大小

如何防止表单元格在添加文本时调整大小
EN

Stack Overflow用户
提问于 2013-04-21 20:15:26
回答 1查看 2.3K关注 0票数 2

我有下面的表格(在现实中更大,但只是为了简单):

代码语言:javascript
复制
<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:

代码语言:javascript
复制
        #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中。

代码语言:javascript
复制
        table.rows[x].cells[y].innerHTML = mines;

当我这样做时,它会导致所有单元格调整大小,而我添加文本的单元格是最大的。表的大小保持不变。我希望每个单元格的大小保持完全相同,即使在添加文本时也是如此。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16130993

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档