在JS中如何修改行间距?

JavaScript020

在JS中如何修改行间距?,第1张

js修改行间距,主要是针对css样式的控制;

原生javascript的写法主要依靠style.lineHeight的属性,实例:

document.getElementById("aaa").style.lineHeight="100px"

jquery的写法,修改行间距的写法实例:

$("#aaa").css("line-height","100px")

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*/}