除了你说的三种情况,没有其它判断,所以下面代码将 100-200 字符设为默认 (else)
创新互联是一家专注于成都网站设计、网站制作与策划设计,托克托网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:托克托等地区。托克托做网站价格咨询:028-86922220
script type="text/javascript"
window.onload = function() {
var divs = document.getElementsByTagName("div");
for(var i = 0; i divs.length; i++) {
if(divs[i].className.indexOf("float") -1) {
var text = divs[i].innerText || divs[i].textContent;
var length = text.replace(/^\s+|\s+$/g, "").length;
if(length 70) {
divs[i].style.fontSize = "36px";
divs[i].style.lineHiehgt = "1.4em";
}
else if(length = 70 length = 100) {
divs[i].style.fontSize = "28px";
divs[i].style.lineHiehgt = "1.6em";
}
//else if(length 100 length = 200) {
else {
divs[i].style.fontSize = "20px";
divs[i].style.lineHiehgt = "1.6em";
}
}
}
};
/script
1、直接给父级标签添加class类,然后给类书写行距样式,这样该便签内的文字都会应用到这个行距
div
class="lh"xxxx/div
.lh{
line-height:18px;
font-size:12px;}
2、或者是直接给标签添加行内样式style="line-height:20px;",但是不建议这么做,这样会造成结构和表现没有分离。
3、直接给body设定统一的行高,局部需要其他行高的在去设置
body{
font:normal
12px/16px
"Micorsoft
YaHei";/*12/16px表示字体大小12px,行高16px*/}
js修改行间距,主要是针对css样式的控制;
原生javascript的写法主要依靠style.lineHeight的属性,实例:
document.getElementById("aaa").style.lineHeight="100px";
jquery的写法,修改行间距的写法实例:
$("#aaa").css("line-height","100px");
脚本语言“脚本”
在新object() =;
$ o.base = {
:功能(一,女){
为(功我= 0,M = a.length;我 M;我+ +){ f.call(一个[我],我);}
}
}
$ o幻灯片=功能(编号,精氨酸){
无功精氨酸精氨酸| | = { },
=文件getElement ById(编号),
= t.getelementsbytagname(“”),
李氏= [ ],
氯=精氨酸。颜色| | # F 30 ' ',
中药=精氨酸。时间* 1000 | | 2000,
t.clientwidth =,
t.clientheight =,
乙= [ ' 成功风格=“保证金:0;0;填充:列表式:无;显示:块;位置:绝对;底:10 px;右:10 px;” ' ],
指数= 0,
$ =空,
$ =空;
功能改变(我){
如果(!$ { cleartimeout!)(元);}
指数=!isnan(我)?我:指数+ 1;
如果(指数 = a.length){指数= 0;}
o.base美元。电子(信息系统,功能(金){如果(金= =指数){三(1,这个);} {三(0,否则这个)} });
风险值= -指数*小时;
如果(一个[ 0 ]。offsettop = =对){
返回;
否则{ }
如果(!$ { clearinterval!)(元);}
= setinterval(function() {
无功或=一个[ 0 ]。offsettop;
五=数学[ 旧约?”地板:'ceil ' ]((-催产素)* 0.2);
如果(或= =对){ clearinterval(元);=空;st();}
催产素+ =五;
一个[ 0 ]。style.margintop =催产素+“像素”;
},30)
};
}
函数(,0){
o.style.backgroundcolor =!乙!?发光:“#足协”;
o.style.color =!乙!?”#足协”:氯;
}
功能st() {
如果(!美元($)cleartimeout!);
(function() setTime out = { change() },澳门电讯);
}
与(t.style){溢出= '隐藏' = ' ';位置相对;}
o.base美元。(一个电子,功能(){
this.style.display =“块”;
(这与风格。firstchild。){带= ' 0 ';宽度=宽+ '酶';高度= + '酶';}
b.push(“ =”李风格宽度:20 px;身高:20 px;行距:20 px;显示:块;浮:左;margin - left : 5px;边界:一个' +氯+ ';back #足协;颜色:' +氯+ ';font - size :版;设置为中心;光标:指针;” ' +(+ 1)+ ' /李 ');
});
b.push(“、 ');
t.innerhtml + = b.join(“”);
李氏= t.getelementsbytagname(“里”);
o.base美元。电子(信息系统,功能(){
如果(不适用= =指数){三(1,这个)}
this.onmouseover = function() {
如果(不适用!=指数)的变化(英文);
}
});
st();
}
/脚本
/头”
分享标题:javascript行距,html5行距
URL链接:https://www.cdcxhl.com/article18/dsgogdp.html
成都网站建设公司_创新互联,为您提供网站设计、外贸建站、品牌网站制作、服务器托管、自适应网站、Google
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联