根据第二行扩展的HTML表格行

我在HTML表格中有2行。第一行中的第一列基于第二行中的第二列（这是沃尔沃这是沃尔沃）。根据第二行扩展的HTML表格行

我希望基于默认值/大小独立跨越行。

HTML代码：

<table> 
<tr> 
    <td> 
    <input type="text" placeholder='firstname'> 
    </td> 
    <td> 
    <input type="text" placeholder='Lastname'> 
    </td> 
</tr> 
<tr> 
    <td> 
    <select> 
    <option value="volvo">This is a Volvo This is a Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
    </td> 
</tr> 

</table>

来源

2016-03-04 user1050619

的想到的最简单的方法是简单地有两个单独的表格。 –

第二行的colspan会为你工作吗？如果你只在第二行有一个单一的元素，也许这是最简单的解决方案？ – Phil

这是你在https://jsfiddle.net/p457mcdx/1/之后？ – j08691

您可以在选择槽CSS设置宽度

select{ 
    max-width: 100px; /* or width: 100px */ 
}

所以它不跨表列。

编辑：Example

来源

2016-03-04 15:53:29

我不知道，如果你想这样的：

<table> 
    <tr> 
    <td> 
     <input type="text" placeholder='firstname'> 
    </td> 
    <td> 
     <input type="text" placeholder='Lastname'> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
     <select style="width:100%"> 
     <option value="volvo">This is a Volvo This is a Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
     </select> 
    </td> 
    </tr> 
</table>

如果你不想让你的选择与100％的宽度，只是删除样式属性

来源

2016-03-04 16:01:42 Ackman303

根据第二行扩展的HTML表格行

回答

相关问题