开创者教程
首页
前端开发
后端开发
数据库
数据分析
开发工具
Git 教程
SVN 教程
SEO 教程
测验/考试
代码笔记
登录/注册
🎁 机器学习（ML）是AI的核心驱动力！全面、实用的 机器学习（ML）教程 现已正式上线
👉 点击学习
实例代码
下载
重置
运行代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML单位em的演示</title> <style> p {font-size: 16px; line-height: 2em;} div {font-size: 30px; padding: 20px; background-color: #eee;} span {font-size: 0.5em;} </style> </head> <body> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <div>这个 div 元素的 font-size 被设置为 30px。<br> <span>div 元素内部的 span 元素的 font-size 为 0.5em，其等于 0.5x30 = 15px。</span> </div> </body> </html>
运行结果：
