将resizeable（）方法应用于文本框时，页面显示滚动条 [英] When applying resizeable() method to textbox, page shows scroll bar

问题描述

我在网页上创建。请注意
 
 <   table     style   =   width：100％; height：100％;> 
< tr style = 高度：20％ >  
 <   td  >  
 
 <   / td  >  
 <   / tr  >  
 <   tr     style   =  height：80％ >  
 <   td  >  
 < span class =code-keyword><   table     style   =  width：100％;高度：40％ >  
 <   tr  >  
 <   td  >  
 <   textarea     id   =  Textarea1    runat   =  server      style   = 宽度：100％;高度：100％ >  <  <跨越ss =code-leadattribute> / textarea  >  
 
 <   textarea     id   = 可调整大小    runat   =  server    class   =  ui-widget-内容 >  <   / textarea  >  
 <   / td  >  
 <   / tr  >  
 <   / table  >  
如果我使用Textarea1，当我最大化或最小化时，textarea占用100％的宽度。高度确实占据了我提到的。当我最大化或最小化textarea时，它没有显示任何滚动条。这是我的要求。但是当我使用'resizable'作为textarea并尝试做最小化/最大化时，它显示滚动条到网页。我不想滚动条到页面。它在最初级别没有任何滚动条占据100％宽度。如何做到这一点？我可以借助鼠标调整文本框的宽度和高度。 
 
 Jquery：
 
 <   script  < span class =code-keyword>>  
 $（ function （）{
 $（ ＃resizable）。resizable（）; 
}）; 
 <   /   script  >  

我的尝试：



我尝试使用/更改textarea控制器。

< textarea id =Textarea1runat =serverstyle =width ：100％;高度：100％>< / textarea>



< textarea id =resizablerunat =serverclass =ui- widget-content>< / textarea>

解决方案

（ function （）{

（ ＃resizable）。resizable（）;
}）;
< / script >

我的尝试：



我尝试使用/更改textarea控制器。

< textarea id =Textarea1runat =serverstyle =width ：100％;高度：100％>< / textarea>



< textarea id =resizablerunat =serverclass =ui-小窗口内容>< / textarea的>

I am creating on web page.Inside that

<table style="width: 100%; height: 100%;>
 <tr style="height:20%">
<td>

</td>
</tr>
<tr style="height:80%">
<td>
<table style="width: 100%; height: 40%">
<tr>
<td>
<textarea id="Textarea1" runat="server"  style="width:100%;height:100%"></textarea>

 <textarea id="resizable" runat="server" class="ui-widget-content"></textarea>
</td>
</tr>
</table>
If I using Textarea1,when I maximize or minimize,textarea occupy 100% width.Height does occupy which I mentioning.when I maximize or minimize textarea,it does not show any scroll bar.That is my requirement.But when I using 'resizable' as textarea and trying to do minimize/maximize,it show scrollbar to web page.I don't want scroll bar to page.It shouds occupy 100% width without any scrollbar at initial level.How to do that?I am able to resize width and height of textbox with the help of mouse.

Jquery :

<script>
        $(function () {
            $("#resizable").resizable();
        });
    </script>

What I have tried:

I tried using/changing textarea contol.
<textarea id="Textarea1" runat="server" style="width:100%;height:100%"></textarea>

<textarea id="resizable" runat="server" class="ui-widget-content"></textarea>

解决方案

(function () {

("#resizable").resizable(); }); </script>

What I have tried:

I tried using/changing textarea contol.
<textarea id="Textarea1" runat="server" style="width:100%;height:100%"></textarea>

<textarea id="resizable" runat="server" class="ui-widget-content"></textarea>

这篇关于将resizeable（）方法应用于文本框时，页面显示滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！