如何将输入字段拉伸到整个宽度?
我有一个简单的形式 HTML. 我想要第二列中的正确小部件 /文本域, combox 等等。/ 拉伸并填充整个柱。
我的 HTML 看起来像:
我的 CSS 看起来像:
有任何想法吗?
我的 HTML 看起来像:
<table class="formTable">
<tr>
<td class="col1">Report Number</td>
<td class="col2"><input type="text"/></td>
</tr>
<tr>
<td class="col1">Report Type</td>
<td class="col2"><select></select></td>
</tr>
</table>
我的 CSS 看起来像:
.formTable {
border-color: black;
}
.formTable td {
padding: 10px;
}
.formTable .col1 {
text-align: right;
}
.formTable .col2 {
width: 100%;
}
有任何想法吗?
没有找到相关结果
已邀请:
5 个回复
风见雨下
赞同来自:
看到我的例子 dabblet:
http://dabblet.com/gist/2227353
裸奔
赞同来自:
然后加 CSS:
JS Fiddle 例子:
http://jsfiddle.net/6EyGK/
/
郭文康
赞同来自:
匹配任何后代
. 如你看到的
http://jsfiddle.net/darkajax/9W5M6/
. 或者:
仅对直接儿童相对应。
知食
赞同来自:
Bootstrap
:
并且输入位于列内部
只是加k。
龙天
赞同来自:
这不是一个答案,而是一个评论,包括太多代码来转到评论部分。 所以请不要省略我,对吗? :/
其他语义 markup 除了Matthew Darnell的答案之外:
如果在输入数据和选择周围缠绕标签,则可以避免使用属性
和
.
或者使用可以为您提供额外控制的定义列表