调整asp：运行时的标签[关闭]

Question

我试图让客户端在运行时重新调整标签的文本大小。

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

有什么建议吗？

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