CSS之行高
最编程
2024-02-15 16:18:45
...
line-height:文字占有的实际高度
通过使用line-height属性,设置的行高(在块元素中,可以通过行高撑起高度)
行高可以直接设置一个大小(px、em)
如果是一个整数的话,行高将是字体尺寸乘以数字
字体框:就是字体存在的格子,设置font-size实际上就是设置字体框的高度
行高会在字体框的上下平均分配
可以将行高设置和高度一样,使得单个文字在一个元素中垂直居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>行高</title>
<style>
div{
font-size:50px;
border:1px solid red;
/*设置行高 */
line-height:2;
/* line-height:100px; */
}
</style>
</head>
<body>
<div>
<p>今天阳光明媚,今夜多云转晴!</p>
</div>
</body>
</html>
下一篇: 彻底搞懂CSS中的基线和行高概念
推荐阅读
-
企业级项目实战品达物流TMS(资料齐全)SpringCloud+SpringBoot+Vue+Mybatis-Plus+Docker19套JAVA企业级大型项目实战前后端分离/微服务/云原生/分布式/高并发/高可用/中间平台策略项目架构、百亿级项目实战、金融项目实战JAVA项目、物联网项目、项目面试实战、秒杀项目实战、租房项目实战、在线教育项目实战、权限系统实战、股票交易项目、短信平台实战、房源平台项目实战、工作流项目实战。
-
江西省生态环境厅关于做好2024年工程系列生态环境工程高、中级职称申报工作的通知
-
高省、好省、粉象生活、氧惠、高佣联盟、美逛哪个佣金高?
-
淘宝联盟和淘宝客联盟的区别,哪个佣金高?
-
高佣金联盟是做什么的?高佣金联盟由哪家公司运营?
-
单元化促进高可用性架构演进
-
高存氧 惠存客盟 Bimaru Goodies Express 全球海淘返利 妈妈田田 买家直返 朵拉生活
-
[计算机基础] 简明扼要地解释高字节和低字节 I. 简要解释 II.高字节和低字节在 C 语言中的含义 III.16 位和 32 位数字的存储
-
HTML/CSS 开关切换(包括选中选项的 JS 控制)
-
60岁拿2000元创业,靠 "神 "做生意,如今年赚24亿--如今的天堂伞集团,无论是口碑还是销量,都是业内首屈一指的 "大牛"。王斌章的一把伞,仅去年的销售额就实现了近6亿元的好成绩。雨伞销售更是占据了中国所有雨伞行业的最大份额。可以说,如今的天堂伞,无论是质量还是口碑,都堪称行业翘楚。 一把天堂伞,如何在王斌章手中打出新高度,玩出大生意?总结起来,两点制胜法宝:一是质量绝对保证,二是服务有保障。这看似很简单,但几十年来不折不扣地执行,特别是在保护伞这个不太重要的对象上,想要做到始终如一,难度很大。这也是为什么中国只有一个王斌章被称为 "全球伞王 "的原因。 天堂伞成立之初,销售场地选在附近的一个广场,以摆摊的形式销售王斌章亲手制作的杭州伞。凭借几十年的手艺和严谨的态度,加上上乘的伞料,即使价格比普通伞高3倍5倍,也打开了市场,积累了第一批人气和资金。