標籤：style blog color 使用 ar div 代碼 html
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: 0; padding: 0; }h2 { margin: 30px 0; }body { font-size: 14px; }.lh2 { line-height: 2; }.lh2em { line-height: 2em; }span { font-size: 60px; }</style></head><body><div style="width:300px;"> <h2>line-height:2</h2>
<div class="lh2">我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高<span>我是大文字</span>我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高</div> <h2>line-height:2em</h2> <div class="lh2em">我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高<span>我是大文字</span>我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高我是行高</div></div></body></html>
所以這裡要針對情況來處理，建議使用2，而不是2em。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
