Html 字段<；选择>；在<；td>；，用长文本，压碎表格

我有一个表格，在

中我有一些输入和选择。当

中的

有一个长文本时，它会展开

，因此会压碎表格。如表中通常所示，td=th内容长度，td的最小宽度=th中最大单词的长度。如果我将宽度设置为td或th-它不起作用，只需选择宽度即可。但是我在选项中有动态内容，所以为它设置静态宽度是不好的。我怎样才能使选择没有扩展td和相同宽度

也将宽度应用于选择元素：

<select style="width:50px;"></select>

---

由于表格元素随内容的增长而增长，您需要给它们一个宽度，因此，如果您像这样更新CSS，它将起作用

table {
  width: 100%;
  border-collapse: collapse;
}
td {
  width: 25%;
}
td select {
  width: 100%;
}

示例代码段

表th，表td{
边框：1px纯灰；
}
桌子{
宽度：100%；
边界塌陷：塌陷；
}
运输署{
宽度：25%；
}
td选择{
宽度：100%；
}

组名
成员
体裁
从…起
红辣椒
Depeche模式
很长很长的文字，会压碎桌子
4.
3.
很长很长的文字，会压碎桌子
芬克岩/岩/备选方案
流行音乐/新浪潮
很长很长的文字，会压碎桌子
美国
英国
很长很长的文字，会压碎桌子

你所说的“压碎表格”是什么意思？如果选项中的内容非常大-td将是相同的大小，那么表格视图将超出edgeAdd

最大宽度

到元素的style@SAM我想你们是对的，但我有一个动态表，所以如果我设置max width=100px，这对4列的表是好的，对2列的表是坏的（请考虑更改表格的方向，使其从左到右，而不是从上到下，这样选择将排列在列中而不是当前行中。或者使用表格拖放，并使用例如

DL/DT/DD

）。