DigitalOcean 提供适用于旅程各个阶段的云产品。 立即开始使用 $200 免费信用额度！
line-height 属性定义内联元素上下的空间量。 也就是说，设置为 display: inline 或 display: inline-block 的元素。 此属性最常用于设置文本行的 行间距。
p {
line-height: 1.35;
}line-height 属性可以接受关键字值 normal 或 none 以及数字、长度或百分比。
根据规范，“normal” 值不仅仅是在所有元素上应用的单个具体值，而是根据元素上设置（或继承）的字体大小计算出的“合理”值。
长度值可以使用任何有效的 CSS 单位 (px, em, rem 等) 定义。
百分比值是元素的字体大小乘以百分比。 例如
在上例中，三个段落的行高分别设置为 150%、200% 和 250%。 body 元素的字体大小定义为 20px。 这意味着段落的计算行高分别为 30px、40px 和 50px。
无单位行高
定义行高的推荐方法是使用数字值，称为“无单位”行高。 数字值可以是任何数字，包括十进制数字，如本页第一个代码示例中所示。
推荐使用无单位行高，因为子元素将继承原始数字值，而不是计算后的值。 这样，子元素可以根据其计算后的字体大小计算其行高，而不是从父元素继承一个可能需要覆盖的任意值。
浏览器支持
IE6/7 会错误计算内联替换元素（例如表单控件）的行高。
我一直不明白无单位行高到底代表什么。我一直认为它是小数形式的百分比，但我知道它不是。
1.5 不等于 150%。
行高是什么？百分比、像素值？
如何根据无单位行高来计算给定高度的行的新的高度？
答案在这里 https://mdn.org.cn/en-US/docs/Web/CSS/line-height
`CSS 提供了另一种专门用于行高的测量方法，它只是一个
数字。你这样写它
line-height: 1.5;
这个值后面没有单位（比如 em 或 px）。浏览器将此数字乘以字体大小以确定行高。因此，如果文本为 1em 且 line-height 值为 1.5，则计算出的行高为 1.5em。在大多数情况下，效果与指定 1.5em 或 150% 的值相同。但有时这个乘法因子会派上用场，特别是当嵌套标签从其父级继承 line-height 值时。
例如，假设你将标签的 line-height 属性设置为 150%。页面中的所有标签都将继承该值。但是，继承的不是百分比，而是计算出的行高。因此，假设页面的字体大小设置为 10 像素；10 的 150% 为 15 像素。每个标签都将继承 15 像素的行高，而不是 150%。因此，如果你碰巧有一个带有 36 像素大文本的段落，那么它的行高（15 像素）将远小于文本，使行挤在一起，难以阅读。
在这个例子中，与其将 150% 的 line-height 应用于标签，不如通过将 line-height 设置为 1.5 来让所有标签共享相同的基本比例行高。每个标签，而不是从 body 样式继承一个精确的像素值行高，而是简单地将其字体大小乘以 1.5。因此，在上面带有 36 像素文本的段落示例中，行高将为 1.5 x 36 或 54 像素。
所以……实际上，这个无单位值确实对应于一个百分比（根据 MDN）
font-size: 10px;
line-height: 1.2; /* 12px /
line-height: 1.2em; / 12px /
line-height: 120%; / 12px */
它们都是一样的。
所以，最后，你是对的，伙计。
line-height: none 在 Chrome 中报告为无效值
既没有 MDN 也没有 W3C 提及 none 是 line-height 的有效值
我在 W3C 工作草案 中找到了它，它被提到为一个特殊属性。
我只在一个近 15 年前的规范中找到了“none”的值
https://www.w3.org/TR/2002/WD-css3-linebox-20020515/#line-height
Eric Meyer 在他 2011 年的 Smashing CSS 书中对此进行了说明。一些有趣的内容在：http://meyerweb.com/eric/css/tests/
嗨凯利,
我想知道学习 js 框架和其他目前流行并运行业务的网络技术的良好网站。你能帮我一下吗？因为我希望成为一名成功的网络开发人员。请告诉我从哪里开始的最佳方法。
期待你的回复。
谢谢
我不知道
如何使用内联 CSS 创建容器以及如何在内联 CSS 中定义容器的宽度和高度
你可以使用 span 标签作为容器，但据我所知，我们不能设置内联容器的宽度和高度，因为内联元素只占用其标签所包围的空间。这就是为什么有 div（块级）元素作为容器。