lineheight在哪里设置,lineheight怎么用
在css中设置文本行高的属性是
在css中设置文本行高的属性是lineheight。根据查询相关资料显示：css文本行高属性是lineheight，该属性可以设置行间的距离行高，语法lineheight值，属性值不可为负数。
文字行高设置，单行文字在父元素中居中
设置行高的属性： line-height
比如一段文本：
这里绿色框之间的距离，为行间距， 行间距 = 行高 - 字体大小
我们利用行高，还可以做单行文字在父元素中居中的效果，这里只需要讲行高的高度设置为跟父元素高度一样大小即可。但是这里需要注意的是，这里只对当行文本有效果，多行文本不行。
test.css
test.html
注意
设置行高时，有一个地方需要注意，当line-height属性与font属性合用时，要使line-height设置的高度生效，line-height的声明位置要在font之后。因为font有默认的行高，比如 {font: 10px/100px, "微软雅黑"} 。如果line-height在font之前就声明了，那么在font中会覆盖line-height的值。
test.css
修改后的test.css
当然，也可以直接这样：
line-height 3种设置方式的区别
前言 ：平常写CSS习惯性的写 line-height: 1.5em ，也见过类似 line-height: 1.5 ， line-height: 150% 这种写法，但是从来没有想过这三者有什么区别，最近突然看到有人提到这个问题，很感兴趣，于是查资料自己尝试了一下。
首先有一点要明确的是，line-height是具有继承性的，如果直接在某个元素上使用line-height，那么这三种写法是没有区别的，比如给所有的p标签添加行高属性：
最后的效果是一样的。
这三种方式的区别在于，给父元素设置行高的时候子元素的继承方式。
假如我们有一个父div类名为parent1，另一个父div类名为parent2，均包含了一个类名为child的子div，HTML结构如下：
CSS如下：
此时的页面如下截图：
可以看到，当设置 line-height: 1.5em 时，很明显子div的文字已经超出自己的行高范围了，设置 line-height: 1.5 时子div的文字没有超出自己的行高。
这是由于CSS继承时的计算方式区别造成的，如示例，当我们给类名为parent1的父div设置 line-height：1.5em 时，该div的 font-size 为14，此时经过计算父div的 line-height 为14px*1.5=21px，然后子div的 line-height 就会继承21px这个值，而子div的 font-size 为26px，自然会超出自己的行高范围。
而当我们给类名为parent2的父div设置 line-height：1.5 时，子div会直接继承 line-height：1.5 ，然后计算26px*1.5=39px，不会超出自己的行高范围。
经过测试 line-height: 150% 和 line-height: 1.5em 相同，都是先计算然后把固定的行高继承给子元素，所以我们可以总结一下， 继承line-height的时候，带单位的先计算再继承，不带单位的直接继承 。
以上就是我对line-height这个属性一点浅显的认识。
参考资料：
line-height无效
1、line-height 要设置在font下面，否则无效；
2、使用line-height 设置文字居中在手机页面中会有误差，出现不居中的现象；
可以使用display:flex；设置
filter:blur(200rpx) 可以设置虚幻背景
line-height是什么意思
line-height是用来表示行高，用于控制文字间的间距，我们可以使用line-height来设置表格的中心位置，也可以用line-height表示内容在表格中的长度。
line-height属性是指文本行基线之间的距离，用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒的最小高度。行高line-height实际上只影响行内元素和其他行内内容，而不会直接影响块级元素，也可以为一个块级元素设置line-height，但这个值只是应用到块级元素的内联内容时才会有影响。大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。
html怎么设置行间距离
html怎么设置行间距离
在html中很多人知道如何调解网站的行距，因为默认的行距给人的视觉是非常紧凑的，文章多了就造成不容易阅读。那么，html怎么设置行间距离？下面就由我给大家介绍介绍吧，希望对大家有帮助。
html中的行距设置方法有以下几种：
方法一 、让整个网站的行距变化，将下面的代码添加到head的中间：
这样是整个页面行距增加了原来的.2倍。你也可以设置line-height：150%、line-height：40px 等等方法。
方法二、 只是让部分网站页面的内容行距增加:
用table布局就用这个，变化line-height的数值。
相关知识?
用div布局就用这个，变化line-height的数值。
我们可以用:
来设定一段文字内的行距.
但我们怎么设定两段文字之间的行距呢? 即
1 p 一段文字
2 p 第二段文字
之间的行距怎么设定呢?我可以设成单倍间距吗?
另外,line-height:100%是不是就是我们在Word中的单倍行距啊?
段与段距：
1 p style = "margin:20px" 一段文字
2 p style = "margin:20px" 第二段文字
也可以这样写文字内容,如果设置为1就是单倍行距了，2就是双倍行距。
或文字内容，设置为100%就是单倍行距。
用就可以空一行了吧
;