2012-06-28 35 views
3

下面是我的拉伸HTML防止多文本框時,文本添加

<table width="100%" > 
    <tr> 
    <td> 
     <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" CssClass="width:100% "/> 
    </td>         
    </tr> 
</table> 

textbox充滿文字,它拓寬超出屏幕的邊緣。

我該如何擺脫這種行爲?

在此先感謝。

回答

0

對您的代碼進行以下更改,刪除CssClass =「width:100%」,您在此提供的類不是css屬性。其次,我爲你的TextBox添加了一個固定的寬度,現在它不會展開。

<table width="100%" > 
     <tr> 
     <td> 
     <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" Width="200px"/> 
     </td>         
     </tr> 
    </table> 
4

請在你的CSS下面的類和文本框,你要修復其寬度使用它:

.CSSclass{ 

resize:none; 
} 

,如果你想同與文本模式多所有的文本框,你可以寫在你的CSS以下:

.textarea{ 
resize:none; 
} 
+0

這本來應該是官方的回答,但它仍然沒有解決它Firefox或Chrome。還有一個右下角的「抓取器」,你可以將盒子拉出來。如何避免這種情況? – Fandango68

6
<asp:TextBox runat="server" TextMode="MultiLine" Rows="5" Columns="20" style="resize:none;" ></asp:TextBox> 
+1

Y我們的答案會更好,如果你解釋你的代碼 –

+0

@Skumar,哈哈,傳奇的評論 – JustLearning

+0

如果你以編程的方式向文本框添加文本直到下一個回傳,這是行不通的。 – shiggity