line-height:2和line-height:2em的区别,它们是有区别的
2024-09-06 10:36:17
line-height:2是2倍的意思,如果内部有不同大小文字的情况下,以最大文字为倍数。
line-height:2em也是2倍文字大小的意思,但如果内部有大文字,它还是会以父容
器的大小来计算。
请看如下代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>line-height:2和line-height:2em的区别,它们是有区别的</title>
<style type="text/css">
* { margin: ; padding: ; }
h2 { margin: 30px ; }
body { font-size: 14px; }
.lh2 { line-height: ; }
.lh2em { line-height: 2em; }
span { font-size: 60px; }
</style>
</head>
<body>
<div style="width:300px;">
<h2>line-height:</h2>
<div class="lh2">我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高<span>我是大文字</span>我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高</div>
<h2>line-height:2em</h2>
<div class="lh2em">我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高<span>我是大文字</span>我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高</div>
</div>
</body>
</html>
所以这里要针对情况来处理,建议使用2,而不是2em。
最新文章
- tomcat 配置项目指定域名
- vmware克隆虚拟机eth0网卡无法启动
- sql 查询每月的销售金额
- angularjs获取参数方法
- ThinkPHP在Ubuntu上 : mkdir的使用
- fio
- CentOS安装Nvidia显卡驱动提示Nouveau正在使用的问题
- Unity 2D Sprite Lighting
- LeetCode:Text Justification
- [原创]java WEB学习笔记65:Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) ModelDriven拦截器 paramter 拦截器
- BLOB:大数据,大对象,在数据库中用来存储超长文本的数据,例如图片等
- iOS5.1下emoji表情显示方框的解决办法
- xTree学习
- T-SQL语句中的转换函数
- Hibernate中调用带有underscore的Column Name
- JavaScript遍历table
- Xshell报错“The remote SSH server rejected X11 forwarding request.”
- Windows下安装Spark环境
- 【转】Android总结篇系列:Activity Intent Flags及Task相关属性
- Python基本数据类型以及字符串