CSS中的尺寸單位有很多種,其中em是相對單位,它的值取決于當前元素的字體大小。那么5em是多少呢?
.selector{ font-size: 16px; width: 5em; }
在上述代碼中,width屬性的值為5em,同時font-size屬性的值為16px。那么5em應該就是80px。
如果想要5em對應的像素值不受字體大小的影響,可以將其轉換為絕對單位,如像素(px)或百分比(%)。
.selector{ width: 400px; /*假設該元素的字體大小為正常大小*/ width: 5em /*該元素跨度為5倍字體大小,即相當于20px*/ }
通過這樣的轉換,就能夠在CSS布局中準確地控制元素的寬度,使其達到設計要求。
上一篇css布局 模板
下一篇css布局 右邊固定