平时、工作、学习遇到或解决的问题（前端）

1.断词问题 2015-09-09

一个词语（2到6个字） 如何每一行不断词？比如： 注意力培养 就分为了两行，这样是不行的

解决方法: 设置 a {display: inline-clock;}

2.两行字超出隐藏问题(解决一个bug)

原来的时候，html中php代码是这样：

<span title="<{$val.siteName}>">
                                        <{$val.siteName}>
 </span>

导致我一直不能正确地获取字符串的值。
后来改为这样：

<span title="<{$val.siteName}>"><{$val.siteName}></span>

才能够正确地获取值了。
贴上截取字符串，超出显示省略号的代码:

    $(function() {
        //限制右侧字符个数，最多为20个，否则19字+...
        $(".zb3 div>a>span").each(function() {
            var maxwidth = 19;
            // 原始数据
            var originText = $(this).text();
            // 截取到的数据
            var oldText = originText.substring(0, maxwidth);
            // 新生成的数据（带省略号）
            var newText = oldText + "…";
            // 若原始数据长度大于指定值，则显示新的数据（带省略号）
            if (originText.length > maxwidth) {
                $(this).text(newText);
            }
        });
    });