2014-10-08 55 views
0

如何將兩個選擇框彼此相鄰放置在表格的數據中,並且它也應該是響應式的。將兩個下拉列表放在一起

請幫忙!!謝謝所有

+1

你有你自己嘗試過嗎? – smr5 2014-10-08 04:15:18

回答

0

這是你在說什麼?

CSS:

<table> 
<tr> 
    <td> 
     <select> 
      <option>One</option> 
      <option>Two</option> 
     </select> 
     <select> 
      <option>One</option> 
      <option>Two</option> 
     </select> 
    </td> 
</tr> 
</table> 

HTML:

table{ 
    background: red; 
    width: 100%; 
} 

select{ 
    width: 50%; 
    float: left; 
} 

JSFIDDLE

+0

不!我想在一個td中包含兩個選擇框! – SaGa 2014-10-08 04:35:36

+0

還有一個疑問?如果我嘗試給選擇元素的大小超過50%,它會自動放置一個在另一個之下..這是什麼解決方案?謝謝 – SaGa 2014-10-08 06:32:02

+0

的權利,因爲他們不能超過100%的寬度。所以你可以在其中一個覆蓋原始設置高度的類中加入:[FIDDLE](http://jsfiddle.net/er2uekkL/2/) – jmore009 2014-10-08 12:52:22

0
Try to use table cols and rows attribute to span your table and rows 

<tr> 
    <td><input type="text" ></td> 
    <td rowspan=5><textarea rows="10" cols="35"> </textarea></td>  
    <td rowspan=5><textarea rows="10" cols="35"> </textarea></td> 
    </tr> 

事情是這樣的,我認爲你可以使用