0

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

适用的 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;">

这是它的样子：

怎么了

这就是我想要做的：

我想要的是

第二个图像是当表格被拉伸到不适合屏幕时。我尝试了width: auto;，，，搜索了很多答案width: inherit;，table-layout: fixed;但找不到答案。我很确定，这不是边距/填充问题...

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

4

3 回答 3

1

This did the trick:

.gv td {
    border: solid #3c6f91 1px;
    white-space: nowrap;
    width: 1px;
}
于 2013-08-14T23:04:18.190 回答
0

尝试这个：

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

您也可以在将来尝试使用CSS 重置来帮助自己摆脱不一致的情况。

于 2013-08-14T22:27:23.917 回答
0

在表格中按内容自动设置列宽，width:100%;这不是一个好的选择。我建议严格设置以像素为单位的文本区域大小。顺便说一句，textarea 可以由用户调整大小，并且可能会浪费您的设计。所以，我建议设置为 textarea: width，min-width并max-width以像素为单位。

于 2013-08-14T22:27:46.610 回答