Javascript 如何将宽度设置为td？

我怎样才能把

手机

字保持在同一行

.label{
宽度：300px；
填充：5px15px；
}
.输入{
边框：1px纯红；
宽度：100%；
}
.输入>输入{
宽度：计算（100%-4px）；
}

手机

添加

空白：nowrap至
。标签
：


.label{
填充：5px15px；
空白：nowrap；
}
.输入{
边框：1px纯红；
宽度：100%；
}
.输入>输入{
宽度：计算（100%-4px）；
}

手机
添加
空白：nowrap至
。标签
：


.label{
填充：5px15px；
空白：nowrap；
}
.输入{
边框：1px纯红；
宽度：100%；
}
.输入>输入{
宽度：计算（100%-4px）；
}

手机
未应用
300px
宽度，因为下一列上有
宽度：100%
，这告诉它要尽可能多地占用空间

要解决这个问题，您必须在下一个
td
上删除
宽度：100%
。将其转移到文本字段。最后，将整个表设置为宽度为100%
，以覆盖整个父表。下面是更正后的CSS

table {
    width: 100%; /* This should be 100% */
}
    .label {
    width: 300px;
    padding: 5px 15px;
}

.input {
    border: 1px solid red;
    /* remove width 100% from here */
}

.input > input {
  width: 100%; /* this should be 100% */
}

未应用
300px
宽度，因为下一列有
宽度：100%
，它告诉它要尽可能多地占用空间

要解决这个问题，您必须在下一个
td
上删除
宽度：100%
。将其转移到文本字段。最后，将整个表设置为宽度为100%

，以覆盖整个父表。下面是更正后的CSS

table {
    width: 100%; /* This should be 100% */
}
    .label {
    width: 300px;
    padding: 5px 15px;
}

.input {
    border: 1px solid red;
    /* remove width 100% from here */
}

.input > input {
  width: 100%; /* this should be 100% */
}

---

您已将

.input

设置为

宽度：100%

，这将

.label

缩小到可能的最小大小（内部单词的长度）

您可以使用css calc使

.input

100vw-300px宽

.input {
    width: calc(100vw - 300px);
}

及

.label{
填充：5px15px；
边框：1px纯红；
宽度：300px；
}
.输入{
边框：1px纯红；
宽度：calc（100vw-300px）；
}
.输入>输入{
宽度：calc（100vw-300px）；
}
tr{
边框：1px纯蓝色；
}

手机

您已将

设置为
宽度：100%
，该宽度正在缩小
。标签
缩小到可能的最小尺寸（内部单词的长度）

您可以使用css calc使
.input
100vw-300px宽

.input {
    width: calc(100vw - 300px);
}

及


.label{
填充：5px15px；
边框：1px纯红；
宽度：300px；
}
.输入{
边框：1px纯红；
宽度：calc（100vw-300px）；
}
.输入>输入{
宽度：calc（100vw-300px）；
}
tr{
边框：1px纯蓝色；
}

手机
使用以下css：

表格{宽度：100%；}。标签{宽度：30%；填充：5px 15px；}。输入{边框：1px纯红；宽度：70%；}。输入>输入{宽度：calc（100%-4px）；}
使用以下css：

表{宽度：100%；}。标签{宽度：30%；填充：5px 15px；}。输入{边框：1px纯红；宽度：70%；}。输入>输入{宽度：calc（100%-4px）；}
代码的问题是，您应该有：

table.mytable {
    width: 100%;
}

因为
是
的子元素。因此，父元素必须具有设置的大小，才能修改子元素，如
。添加的
mytable
类是这样的，它只会在您有其他表时影响该表。
您的代码的问题是，您应该有：

table.mytable {
    width: 100%;
}

因为
是
的子元素。因此，父元素必须具有设置的大小，才能修改子元素，如
。添加的
mytable
类仅在您有其他表时影响该表。
@MartinAJ我的答案如何？@MartinAJ我的答案如何？