继承select元素的宽度

Question

我在表格单元格中有一个select元素。我希望select从元素继承宽度，这样它就不会在正常状态下溢出。

当用户选择“选项”时，框可以扩展到最大元素的宽度。 我尝试过设置     最大宽度：继承; 但我在某处读到，只有在设置了父元素的width属性时才会起作用。 有人能指出这样做的正确方法吗？ 谢谢！

Answer 1

您可以通过在其上设置select，使width元素从其父级（在本例中为td元素）继承width: inherit属性。这意味着它继承了CSS属性width的计算值，而不是实际宽度。

表列宽度很复杂，特别是因为它通常涉及使用单元格内容的宽度要求。但是下面的（太）简单示例演示了如何使用继承：

<table border>
<tr><td style="width: 100px">
<select style="width: inherit">
<option>Supercalifralisticexpialidocious
</select>
</table>

这将使select元素的宽度与其父元素的宽度相同，即100像素。以这种方式做事没有多大意义，而不是直接将其设置为所需的值，但如果有多个不同宽度的单元格包含select元素限制为该宽度，width: inherit可以是便利。您也可以设置width: 100%。