将两个下拉列表彼此相邻放置

时间:2014-10-08 04:12:56

标签: html css

如何将两个选择框彼此相邻放置在表格的表格数据中,并且它也应该是响应式的。

请帮助!!谢谢大家

2 个答案:

答案 0 :(得分: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

答案 1 :(得分: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>

我想你可以使用

这样的东西