css中字体是根据字体方块的对角线定义字体大小的，行高是怎么定义的？

html-css023

css中字体是根据字体方块的对角线定义字体大小的，行高是怎么定义的？,第1张

字体的大小是根据字体的高度来定的（而不是你自认为的对角线），等宽字体的半角字符（如英文字母、数字、符号等）的宽度是高度的一半，全角字符（如汉字）的宽度和高度则相等，而在比例字体（通常只有英文字体中才有比例字体，汉字都是等宽的）中，宽度则是不相等的（比如W的宽度就远大于i的宽度），但会以大写的M作为基准，M的宽和高是相等的。

行高=字符的高度+行间距

如果已设定font-size:12px，而line-height:16px，则行间距为16-12=4px

其实，行高就是你所设置的字符大小的高度。

即，在段落中，你的字体是12PX，那么1倍行高就是12PX。2倍当然就是12*2=24PX了。

因为，所谓的行高，其实就是段落中字符的大小。如果你的行高小于你的字符大小，那么第二行的字就会挡住了第一行的字。

具体例子，你可以自己试试就明白了。

恩 font是动态的吗？ 如果不是动态的就是用<span><span/>

使用font只是改变字体大小 并不改变行高span元素是给你一个比较小的空间

如果是动态的请用javascript来调整普通字体和有特殊需要的字体