在运行时调整asp:Label的大小

时间:2014-06-04 07:38:56

标签: jquery asp.net

我试图允许客户端在运行时重新调整Label的Text大小。

jQuery Resizable不起作用,它只适用于文本框/下拉列表等,但对于Label它不起作用。

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

使用resizable()

的resize()事件

实施例

<style>
.lbl {display:block}
</style>

...
<asp:Label ID="Label1" ClientIDMode="Static" runat="server" 
    Text="Label" CssClass="lbl"></asp:Label>

...
<script>
    $(function() {
        $( "#label" ).resizable({
           resize: function( event, ui ) {
               var height = ui.element.height(); 
               ui.element.css({'font-size':height+'%'});
           }
        });
    });
</script>

演示:http://jsbin.com/cotiribo/2/edit?html,output