1.content area 围绕着文字的一种box，高度由font-size和font-family决定。在chrome控制器里，你用鼠标志向某个内敛元素，显示的高度值。2.inline box的高度由line-height决定，一半的line-height在content area的上面，另一半...
分类：
其他好文 时间：
2014-08-26 01:42:35
阅读次数：
209
|line-height与line boxes高度撑开行高度的是line-height（line-boxes），而不是字体大小 代码： 效果： 注：如果元素内没有内容，则不会撑开高度，因为line-boxes为0，即使指定了line-height也是不行的，只要有内容，行高就生效（...
分类：
其他好文 时间：
2014-08-19 12:51:44
阅读次数：
245
CSS 浏览器兼容知识汇总CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。2.margin加倍的问题问题描述:设置为float的div在ie下设置的...
分类：
Web程序 时间：
2014-08-18 20:19:52
阅读次数：
375
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂...
分类：
其他好文 时间：
2014-08-18 12:26:44
阅读次数：
199
解决IE9支持CSS中文字体经验篇如何让CSS中使用中文字体后仍然在IE9浏览器显示兼容。（音乐放松椅）一、CSS中文字体IE9兼容出现问题CSS中使用中文字体后Line-height样式在IE9浏览器垂直上下居中样式失效。二、解决IE9兼容中文字体将CSS中使用中文字体的中文字转化为Unicode...
分类：
Web程序 时间：
2014-08-14 10:37:58
阅读次数：
206
字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。我在调整本blog的时候，发现不仅仅是字体，将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的..
分类：
其他好文 时间：
2014-08-13 19:31:58
阅读次数：
224
IE9浏览器在CSS中定义中文字体名称的时候，line-height不能垂直居中，解决办法其实很简单，这里是通过转换字体Unicode编码来解决IE9兼容问题。也就是将平时我们定义的font-family:"宋体";变为font-family:"\5B8B\4F53";如果你定义的不是宋体而是其它字体，你可以参考Unicode字符编码对照表。前端资源分享
以下是大家常用的字体Unicode转...
分类：
其他好文 时间：
2014-08-12 19:07:14
阅读次数：
255
让LI列表中的文字一行一行交替出现，每一行停留数秒后自动转到下一行显示，使用灵活，JS代码非常精简，推荐学习参考和使用。这里给LI设置line-height属性以便控制内容溢出。<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE&..
分类：
Web程序 时间：
2014-08-12 13:55:15
阅读次数：
244
IE：不管该行有没有文字，光标高度与font-size一致。FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种情况都是在...
分类：
其他好文 时间：
2014-08-12 10:05:33
阅读次数：
173
text-align:center在父容器里水平居中 inline 文字，或 inline 元素vertical-align:middle垂直居中 inline 文字，inline 元素，配合display:table，display:table-cell，有奇效。line-height与 heig...
分类：
Web程序 时间：
2014-08-11 20:31:22
阅读次数：
351
