关于a标签 中特有的tilte属性 和 字符串文字换行

对于前台数据换行的问题

由于本人在做项目期间遇到了小小的bug 就是当table中字符串长度过长的情况下会让内容显示不全如图:

这里写图片描述


我自己总结了两种方法
第一种: 用a标签中的title属性
这里写图片描述
图中的方法是我通过ajax接收到后台传过来的数据 进行a标签的拼接 就会出现一个动态的title显示全部的内容
效果图:
这里写图片描述


第二种: 通过字符串截取

//json.data[i]['orderTime'] = new Date(json.data[i].createTime.time).Format("yyyy-MM-dd hh:mm:ss").substring(0,10)+ "<br>" +new Date(json.data[i].createTime.time).Format("yyyy-MM-dd hh:mm:ss").substring(11,new Date(json.data[i].createTime.time).Format("yyyy-MM-dd hh:mm:ss").length);
或者: 
var orderAddrStr = [];
                        var str=''; 
                        for(var k=0;k<json.data[i].orderAddr.length;k++){ 
                            orderAddrStr.push(json.data[i].orderAddr.charAt(k)); 
                        }
                        for(var j=0,s;s=orderAddrStr[j++];){
                            orderAddrStr+=s; 

                            if(!(j%7))orderAddrStr+='<br>'; 

                        } 
                        json.data[i]['orderAddr'] = orderAddrStr;

猜你喜欢

转载自blog.csdn.net/dapyandxpy/article/details/78678713