浏览器不兼容 1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有 ...
分类：
其他好文 时间：
2016-11-18 18:07:17
阅读次数：
180
line-height 行高指一行文字的高度，具体来说是指两行文子间基线间的距离 line-height 与 font-size 的计算值之差(行距)分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。 行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距离。 行 ...
分类：
其他好文 时间：
2016-11-16 22:31:13
阅读次数：
345
一直以来认为'em'是相对于父元素的字体大小. 直到今天学习移动WEB开发,重新复习css的尺寸大小时,惊奇发现:对em深深的误解了!!! 在CSS官网对em的解释实例是: a. h1{line-height:1.2em;} →使用的行高为h1自身的font-size*1.2; b.h1{font- ...
分类：
Web程序 时间：
2016-11-16 15:12:30
阅读次数：
206
一直以来认为'em'是相对于父元素的字体大小. 直到今天学习移动WEB开发,重新复习css的尺寸大小时,惊奇发现:对em深深的误解了!!! 在CSS官网对em的解释实例是: a. h1{line-height:1.2em;} →使用的行高为h1自身的font-size*1.2; b.h1{font- ...
分类：
Web程序 时间：
2016-11-16 14:31:52
阅读次数：
237
list-item-text-desc { line-height: 5.6vw; height: 11.2vw; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertica ...
分类：
其他好文 时间：
2016-11-14 17:34:01
阅读次数：
130
body 设置css中可以继承的属性：letter-spacing、word-spacing、white-space、line-height、color、font等 但有时，body的样式，不能在有的元素中展示，需要在元素中设置，才能显示，例如form的元素 input select checkbo ...
分类：
Web程序 时间：
2016-11-14 11:49:43
阅读次数：
186
1对于vertical-align:baseline想起作用用 父元素必须设置line-height属性。2a:link{}a:visited{}a:hover{}a:active{}:before, span:after 3text-decoration:none; outline:none; 4 ...
分类：
Web程序 时间：
2016-11-11 23:05:45
阅读次数：
208
2016年11月9日，星期三一、首次利用<ul>(无序列表)，<ol>(有序列表)制作网页筛选栏：演示图，<ul>（无序列表）效果：演示图，<ol>(有序列表）效果：二、利用了line-height(行间距)，text-align（文本的水平对齐方式）等功能制作出完成图，编码如下：&l..
分类：
Web程序 时间：
2016-11-10 21:41:07
阅读次数：
163
HTML代码： CSS代码： .distpicker {position: relative;display: inline-block;line-height: 1.5;} ...
分类：
其他好文 时间：
2016-11-10 02:26:38
阅读次数：
243
常见的浏览器兼容性问题大汇总 1 ie6.0横向margin加倍产生因素：块属性、float、有横向margin。解决方法：display：inline；2 ie6.0下默认有行高解决方法：overflow:hidden;或font-size:0;或line-height：xx px；3 在各个浏览 ...
分类：
其他好文 时间：
2016-11-09 22:38:45
阅读次数：
224
