html - 从表 td 继承的文本框宽度

Question

我试图让文本框的宽度与其父级的表格单元格相同。

适用的CSS如下:

input[type=text] {
    border: 1px solid #3c6f91;
    font: 9pt arial, tahoma, verdana sans-serif;
    width: 100%;
}

.gv {
    border: solid #3c6f91 1px;
}

.gv td {
    border: solid #3c6f91 1px;
    white-space: nowrap;
}

该表是从 ASP.NET GridView 呈现的，具有以下内容:

<table class="gv" cellspacing="0" rules="all" border="1" id="cph_cphPCR_gv" style="border-collapse:collapse;">

它是这样的:

这就是我想要做的:

第二张图片是 table 被拉长到屏幕放不下的时候。 我尝试了 width: auto;、width: inherit;、table-layout: fixed;，搜索了很多答案但没有能够找到答案。我很确定，这不是边距/填充问题......

编辑:http://jsfiddle.net/cN24t/ 第一个表，当它比屏幕更宽时，这就是我希望文本框的宽度如何

Answer 1

这成功了:

.gv td {
    border: solid #3c6f91 1px;
    white-space: nowrap;
    width: 1px;
}