html - 继承选择元素的宽度

Question

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

当用户选择一个“选项”时，框可以扩展到最大元素的宽度。 我尝试设置 最大宽度:继承； 但我在某处读到，只有设置了父元素的宽度属性，这才有效。 有人可以指出这样做的正确方法吗？ 谢谢!

Answer 1

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

表格列宽度很复杂，特别是因为它经常涉及使用单元格内容的宽度要求。但下面的(同样)简单的示例演示了如何使用继承:

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

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