HTML Dog
跳至导航

CSS 值:长度

表示距离的度量。长度形式为一个数字后跟一个或多个绝对相对单位缩写。

绝对长度

单位 描述 示例
px 参考像素。通常等于一个物理像素(例如,构成显示器屏幕的发光点之一),尽管在高分辨率显示器上或页面缩放时可能更多。 margin-left: 50px;
in 英寸。一英寸,假设显示像素密度为 96dpi(因此 1in 等于 96px)。 width: 4in;
pc 派卡(Pica)。一英寸的 1/6(因此 1pc 等于 0.167in,或 16px)。 width: 24pc;
pt 点(Point)。一英寸的 1/72(因此 1pc 等于 0.014in,或 1.333px)。 font-size: 14pt;
cm 厘米。一厘米,假设显示像素密度为 96dpi(因此 1cm 等于 37.795px)。 height: 7cm;
mm 毫米。一厘米的 1/10(因此 1mm 等于 0.1cm,或 3.780px)。 height: 70mm;
q 四分之一毫米。一厘米的 1/40(因此 1mm 等于 0.025cm,或 0.945px)。 height: 280q;

相对长度

字体相对

单位 描述 示例
em Em。框的 font-size 属性的计算值。如果用于 font-size 本身,则为继承的字体大小的计算值。 font-size: 1.5em;
ex X-height。通常等于小写字母“x”的高度。如果无法计算,则等于 0.5em line-height: 3ex;
ch 字符。通常等于数字“0”字符的宽度。如果无法计算,则等于 0.5em font-size: 2ch;
rem 根 em。根元素框的 font-size 属性的计算值。如果用于 font-size 本身,则为初始字体大小。 width: 20rem;

视口百分比

单位 描述 示例
vw 视口宽度。等于视口宽度的 1%。 width: 50vw;
vh 视口高度。等于视口高度的 1%。 line-height: 10vh;
vmin 视口最小。等于 vwvh — 取较小者。 margin: 5vmin;
vmax 视口最大。等于 vwvh — 取较大者。 padding: 10vmax;