css截取字符串的方法,css与jq 截取字符串的简单方法

jq与css截取字符串的简单方法

/css的原理是根据宽度来控制显示多少字符/

/方法一:-----如果用css推荐使用，最新版FF兼容/

.newBox{

width:400px;

background-color:#eee;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

/方法二---- 兼容低版本浏览，但是啰嗦/

.lowBox{

width:400px;

background-color:#eee;

}

.lowBox p span{

float:left;

display: block;/span为行内样式转为块，块才能设置宽度/

width:400px;

max-width:395px;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

.lowBox p{clear:both;}

.lowBox p:after{

-moz-content:"...";

}

/方法三：----jq控制/

$(document).ready(function(){

subStr("#jqBox",33)

function subStr(obj,iNum){

var str=$(obj).text();

if(str.length<=iNum){

$(obj).text(str);

}else{

$(obj).text(str.substring(0,iNum)+"...");

$(obj).attr("title",str);

}

}

});

方法一：css--各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法各浏览器的最新版写法

方法二：css--兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF 兼容低版本FF

方法三：jq---这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串这是jq截取字符串