設置多行文本顯示全在Chrome

我有edit.aspx頁：設置多行文本顯示全在Chrome

<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>

即使是多行文本具有style=" width:99%; height:99%"，它仍然在左srceen顯示小。

enter image description here

我想要的文本區域自動顯示完整的瀏覽器的Chrome一樣的：

enter image description here

我不知道是什麼使textarea的顯示爲錯誤的方式。上面的代碼中是否有任何錯誤，我需要您的意見來完成我的項目。幫幫我！！

來源

2013-10-24 Vy Clarks

您使用的是哪個版本的Chrome？我用你的標記創建了一個[jsFiddle]（http://jsfiddle.net/REgjn/），它填滿了顯示。 –

可憐的我，我真的不知道爲什麼，我使用的版本> 30 –

您是否在HeaderContent控件中設置了doctype？

如果沒有，這樣做：

<!DOCTYPE html>

如果仍然有問題，你可以試試textarea控制的td元素上設置style:width:100%; height:100%;還，也可能對html和body元素，像這樣：

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

如果你在瀏覽器和「查看源代碼」中打開它並將其粘貼到此處，可能會更容易排除故障米

來源

2013-10-24 19:30:50 nothingisnecessary

謝謝你，真的很好的方式， textarea現在顯示完整。再次感謝 –

也許是一個愚蠢的問題。但爲什麼你使用單獨的div來表達td元素？有可能，你受限於div而不是文本框？

來源

2013-10-24 14:04:09 sergej

您應該使用textarea的rows和cols屬性。您可以根據您的要求更改行和列。

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

來源

2013-10-24 14:09:55

謝謝，我已經知道它，它不是自動充滿鉻瀏覽器當我擴大瀏覽器 –

您的文本區域上面的表格是100％的寬度，而不是把寬度上所有的TD標籤，這是不是把寬度表上更好的做法。

來源

2013-10-24 14:55:38 RealityDysfunction

設置多行文本顯示全在Chrome

回答

相關問題