Jquery 设置字体大小(font-size)与行高(line-height)
var cssfontSize=$(".txt_container").css('font-size');
var csslineHeight=$(".txt_container").css('line-height');
var unit=cssfontSize.slice(-2);
var fontSize=parseFloat(cssfontSize);
var lineHeight=parseFloat(csslineHeight);
if(c=="fontA_plus"){
if(fontSize>32)
return false;
fontSize=fontSize+2;
lineHeight=lineHeight+2;
}
if(c=="fontA_minus")
{
if(fontSize<18) return false;
fontSize=fontSize-2;
lineHeight=lineHeight-2;
}
$(".txt_container").css('font-size',fontSize+unit);
$(".txt_container").css('line-height',lineHeight+unit);
var fontSize = $(this).attr('style',function(i,s){
return s.replace(/
font-size
:\s*(\d+.{0,1}\d*)/, function(a){
return a + 'px';
//console.debug("
font-size
:
关于css中
line
-
height
(
行高
)
设置
无效的问题
我们先写下这一串代码:
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;
&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp
在最近的项目中,常常用到
line
-
height
,只是简单的理解为
行高
但并没有深层次的理解,致使不能达到信手拈来的感觉。在此做一下总结,一是更深层次的了解什么是
line
-
height
,二是比较
height
与
line
-
height
的区别。
行高
与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如
line
-
height
与
font-size
存在什...
简单选择器(Simple selectors):通过元素类型、class 或 id 匹配一个或多个元素。
属性选择器(Attribute selectors):通过 属性 / 属性值 匹配一个或多个元素。
伪类(Pseudo-classes):匹配处于确定状态的一个或多个元素,比如被鼠标指针悬停的元素,或当前被选中或未选中的...
var $alltext= $("#form1 :text"); //带空格的选择器,表示后代选择器
var $alltext= $("#form1:text"); //不带空格的选择器,表示筛选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/...