I got requirement to display all fields in one page to less than 20 characters,  and display full length when mouse over on tool-tip.
I decide to use jQuery implement this, Below is partial code in UserAdminView namespace..
 SetUpAccountInfo: function () {
            var limit = 20;
            var targets = $(".account-info dd").not("dd.nolimitdisplay");
            targets.each(function () {
                UserAdminView.SetUpDisplayLimit($(this), limit);
            });
        },
        SetUpBaseService: function () {
            var limit = 50;
            var targets = $(".base-service dd");
            targets.each(function () {
                UserAdminView.SetUpDisplayLimit($(this), limit);
            });
            // UserAdminView.SetUpDisplayLimit(target, limit);
        },
        SetUpDisplayLimit: function (target, limit) {
            var fullMsg = target.html();
            if (fullMsg.length > limit) {
                target.html(fullMsg.substring(0, limit) + "...");
            }
            target.attr('title', fullMsg);
        }