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

Question

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

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

有什么建议吗？

Answer 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