在Chrome中将Textarea显示完整设置

时间:2013-10-24 13:57:07

标签: c# asp.net

我有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%",它仍然显示在左侧srceen中。

enter image description here

我希望文本区域自动显示完整的Chrome浏览器,如:

enter image description here

我不知道是什么让textarea显示为错误的方式。上面的代码中是否有任何错误,我需要您的意见来完成我的项目。帮助!

4 个答案:

答案 0 :(得分:1)

您是否在HeaderContent控件中设置了doctype?

如果没有,请这样做:

<!DOCTYPE html>

如果您仍有问题,可以尝试在style:width:100%; height:100%;控件的textarea元素上设置td,也可以在htmlbody元素上设置html,body,#code { width: 100%; height: 100% } 像这样:

{{1}}

如果您在浏览器中打开它并“查看源代码”并将其粘贴到此处,则可以更轻松地解决您的问题。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

文本区域上方的表格宽度为100%,而是将宽度放在所有td标签上,这比在表格上放置宽度更好。