選擇元素的繼承寬度

Question

我在表格單元格中有一個select元素。我希望select從元素繼承寬度，所以它不會在正常狀態下溢出。

當用戶選擇「選項」時，框可以展開到最大元素的寬度。我試過 max-width：inherit; 但我讀過的地方，這隻會在父元素的寬度屬性設置時才起作用。 有人可以指出正確的做法嗎？ 謝謝！

Answer 1

通過設置width: inherit，您可以使select元素繼承其父元素（本例中爲td元素）的width屬性。這意味着它繼承了CSS屬性width的計算值，而不是實際的寬度。

表格列的寬度很複雜，特別是因爲它通常涉及使用單元格內容的寬度要求。但以下的（太）簡單的例子說明了繼承可以如何使用：

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

這將使select元件的寬度相同的父代，即100個像素。用這種方式做事沒有太大意義，而不是直接將其設置爲期望的值，但是如果有幾個寬度不同的單元格被限制爲該寬度，則width: inherit可以是方便的。您也可以設置width: 100%。