2015-10-20 18 views
0

我已经创建了表并希望将列的colspan属性应用于HTML中的下拉列表。将colspan应用于html中的下拉列表5

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table, th, td { 
    border: 1px solid black; 
} 
</style> 
</head> 
<body> 

<table> 

    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td colspan="2"> 
<select > 
<option>item 1</option> 
<option>item 2</option> 
<option>item 3</option> 
<option>item 4</option> 
</select> 
</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
</table> 



</body> 
</html> 

结果是: enter image description here

为什么第2行中的下拉列表中第一列未服用列的宽度。 我给列的colspan为“2”。放置在柱内部项目应该采取列的宽度

回答

1

只要给select一个width:100%

眼下它只是占用了内部

它需要根据单词的最小空间量为@Nelson也声明如果仔细查看屏幕截图,表格单元格是两列宽,但下拉不是单元格的整个宽度。

Codepenhttp://codepen.io/noobskie/pen/QjaNYV

+1

如果你在截图仔细一看,表** **细胞IS两列宽,但是下拉不是电池的整个宽度。 – Nelson

+0

@Nelson正好 – NooBskie

+0

@NooBskie:谢谢 – user2323308