如何确定HTML表格单元格宽度？

我正在尝试修复HTML表格单元格的宽度。假设一行中的5个单元格都应该具有相同的宽度，如果添加了新的单元格，则宽度应该相同，但水平滚动条应该出现。这是我正在尝试的一个例子。请帮我解决这个问题。在这个例子中可以看到，在添加了12到15个单元格之后，单元格的大小正在减小，在添加了更多的单元格之后，滚动条就会出现

以下是我尝试过的css：

table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
word-break: break-all;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    width: 65%;
    margin-bottom: 50px;
}
tr:nth-child(even) {
    background-color: #dddddd;
}

css:

或

就你而言：

table {
/* width must auto or none */
width:auto;
font-family: arial, sans-serif;
border-collapse: collapse;
table-layout: fixed;
word-break: break-all;
}

#myRow > td {
    border: 1px solid black;
    min-width: 80px;
    overflow: auto;
}

css:

或

就你而言：

table {
/* width must auto or none */
width:auto;
font-family: arial, sans-serif;
border-collapse: collapse;
table-layout: fixed;
word-break: break-all;
}

#myRow > td {
    border: 1px solid black;
    min-width: 80px;
    overflow: auto;
}

---

这里是我如何解决你的问题，这里是它的工作演示。您可以运行并检查它是否正常工作

如果你给css像

table{
width:100%;
} 

然后这会变得太脏，因为它将整个表的大小分成100%，所以会出现滚动

函数myFunction（）{
var row=document.getElementById（“myRow”）；
var x=行插入单元格（0）；
x、 innerHTML=“新建单元格”；
}

表格，td{
边框：1px纯黑；
最小宽度：90px；
溢出：自动；
}

单击按钮在表格行的开头插入新单元格

第一单元
第二单元
第三单元
第四单元
第一单元
第二单元
第三单元
第四单元
第二单元
第三单元
第四单元
试试看

这里是我如何解决您的问题的，这里是它的工作演示。您可以运行并检查它是否正常工作

如果你给css像

table{
width:100%;
} 

然后这会变得太脏，因为它将整个表的大小分成100%，所以会出现滚动

函数myFunction（）{
var row=document.getElementById（“myRow”）；
var x=行插入单元格（0）；
x、 innerHTML=“新建单元格”；
}

表格，td{
边框：1px纯黑；
最小宽度：90px；
溢出：自动；
}

单击按钮在表格行的开头插入新单元格

第一单元
第二单元
第三单元
第四单元
第一单元
第二单元
第三单元
第四单元
第二单元
第三单元
第四单元
试试看

到目前为止你都试了些什么？请发布td的相关代码集最小宽度。我已经编辑了我的问题。我一直在尝试。你完全改变了你的问题，如果你有新问题，那么你必须以新问题的形式发布，而不是以旧问题的形式编辑。到目前为止你尝试了什么？请发布td的相关代码集最小宽度。我已经编辑了我的问题。我一直在尝试。你完全改变了你的问题，如果你有新问题，那么你必须以新问题的形式发布，而不是以旧问题的形式编辑。非常感谢。非常感谢。