宋体的显示 --12号字的真正大小

为了更清楚的了解黑管后天height,line-height和font-size 之间的不同与联系，做了以下这样一个小小的测试：

xml 代码

<div style="height:20px;
background:#efefef; font-size:12px; line-height:20px; padding:10px;">
无标题文档<a href="#">我是tiger</a>
</div>

如图显示：
在不给定行高line-height:20px的情况下，行高正常显示应该是12px+2px=14px；
而字体的显示区域是行高 (20xp)—真正的字体高度(11px)—2px，剩下的7px上下平分，先下后上(即剩余为单数时有可能下面比上面多出1px);
12号宋体汉字的真正大小11x11 px的正方体，字的真正高度只有11px.（在vista里得到了调整，还特别出了一种新的字体-微软雅黑也真正实现了12x12 px）;
可以通过以下方式解决这类问题：
在设计中涉及行高时通常让行高减去真正字高后，剩下的高度值为偶数，这样只需在padding时上面比下面多出2px就可以实现字体的真正垂直居中啦！
eg) font-size:12px;line-height:21px ; height:21px;padding:5px 0 3px 0;
5+5+11+2+5+3

宋体的显示 --12号字的真正大小相关推荐

Pycharm显示行号，修改字号大小
使用Pycharm的时候发现,默认不显示行号,字号默认是12,个人感觉字号偏小,想改大大一些. 永久显示行号的方法: [File]-[Settings]-[Editor]-[General]-[App ...
oracle 列显示井号,“在excel打完字后为什么显示一堆井号#######？该怎么办？“excle表显示井号...
Excel单元格中的数据显示为井号(#)是怎么回事 excel表格,单元格格式为日期的,如果单元格列宽过小,显示的内容就会变为"#"解决方法:增大列宽在excel打完字后为什么显 ...
Word2010设置显示中文几号字
我的系统是Windows 7英文,安装了Office 2010英文,但同时安装了中文语言包.偶尔的机会,我发现word2010的字体中没有中文几号字的显示,只能显示磅值. 经过摸索,终于发现解决方法. ...
通过更改字体解决华三H3C模拟器HCL末行只显示半行字的问题
华三模拟器HCL末行只显示半行字 hcl_V2.1.12.1.22.1.3HCL_V3.0.1各版本下载在win10电脑上安装使用H3C模拟器HCL时,打开设备命令行界面时,发现末行只显示了半行字看 ...
tree的使用,显示行号，find命令应用
第1章 linux启动过程 1.开机自检bios 2.mbr引导 3.GRUB 菜单:选择不同的内核 4.加载内核 5.运行init进程 6.读取/etc/inittab运行级别配置文件 7.执行 / ...
VS2008中设置字体大小和添加显示行号
1.字体设置菜单->工具->选项->环境->字体和颜色在字体那一栏可以选字体,VC6.0默认的字体是Fixedsys,字体大小你可以设为12,就与VC6.0的一样的字体了. ...
5号字对应的数字字号_写好公文的几个数字口诀
点关注,不迷路!专注发布体制内职场.时政动态,公文写作公文作为一种格式规范.结构严谨的特殊文种,诸多行文细节都有详细的标准规定.这些规定根据其类别,大致可以分为定性和定量两大类.笔者通过梳理< ...
Python+PyCharm的一些基本设置：安装使用、注册码、显示行号、字体大小和快捷键等常用设置...
一下载与安装软件下载,软件文档下载:http://www.jetbrains.com/pycharm/download/ 如下图: 官方网站下载:http://www.oschina.net/p/ ...
华为手机备忘录怎样设置每个月12号短信提醒要做的事
华为手机上可以使用备忘录来记事和提醒,一些功能强大且好用的备忘录工具,比如云便签,不仅能设置定时提醒,还可开启每月指定时间自动重复提醒及短信同步提醒备忘录事项,以短信的形式在每月发送备忘录提醒通知信息 ...

宋体的显示 --12号字的真正大小

宋体的显示 --12号字的真正大小相关推荐

最新文章

热门文章