在 Chrome 中设置 Textarea 完全显示答案

【问题标题】：Set Textarea display full in Chrome在 Chrome 中设置 Textarea 完全显示
【发布时间】：2013-10-24 13:57:06
【问题描述】：

我有edit.aspx页面：

<body style="background-color: rgb(225, 255, 255)">
<form id="form1" runat="server">
<div>
    <table style="width: 100%">
        <tr>
            <td>
                <table style="width: 100%">
                    <tr>
                        <td style="width: 1%" align="right">
                            <span id="LabelCapFileName" style="white-space:nowrap">File name:</span>                
                        </td>
                         <td>
                            <span id="LabelFileName" style="font-weight:bold;">About.asp</span>
                        </td>
                        <td align="right">
                                <asp:Button ID="btnSave" runat="server" Text="Lưu" />
                         </td>
                        </tr>
                    </table>
            </td>
        </tr>
        <tr>
            <td>
                <div style=" position: absolute; top: 45px; bottom: 5px;
                        left: 5px; right: 5px">

                        <textarea id="code" name="code" runat="server"  wrap="off" style=" width:99%; height:99%" >               
                          </textarea>
               </div>
            </td>
        </tr>
    </table>   

</div>      
    </form>

即使Textarea 有style=" width:99%; height:99%"，它在左屏幕上仍然显示很小。

我希望文本区域自动显示完整的 Chrome 浏览器，例如：

我不知道是什么让 textarea 显示为错误的方式。我上面的代码有什么错误吗，我需要你的意见来完成我的项目。救命！！

【问题讨论】：

您使用的是哪个版本的 Chrome？我用你的标记创建了一个jsFiddle，它可以很好地填充显示。
可怜我，我真的不知道为什么，我用的是>30版

标签： c# asp.net

【解决方案1】：

您是否在 HeaderContent 控件中设置了文档类型？

如果没有，请这样做：

<!DOCTYPE html>

如果仍有问题，您可以尝试在textarea 控件的td 元素上设置style:width:100%; height:100%;，也可以在html 和body 元素上设置，如下所示：

html,body,#code
{
    width: 100%;
    height: 100%
}

如果您在浏览器中打开它并“查看源代码”并将其粘贴到此处，则解决您的问题会更容易。

【讨论】：

谢谢你，非常好的方式，textarea 现在显示已满。再次感谢

【解决方案2】：

也许是个愚蠢的问题。但是为什么你在 td 元素中使用单个 div 呢？有没有可能，您受到 div 而不是文本框的限制？

【讨论】：

【解决方案3】：

你应该使用 textarea 的 rows 和 cols 属性。您可以根据需要更改行和列。

 <textarea id="code" name="code" runat="server" rows="50" cols="80"  wrap="off">               
 </textarea>

【讨论】：

谢谢你，我已经知道了，我展开浏览器时不会自动填充chrome浏览器

【解决方案4】：

文本区域上方的表格是 100% 宽度，而不是在所有 td 标记上放置宽度，这比在表格上放置宽度更好。

【讨论】：