1、标准浏览器下给div设置padding后会导致width和height增加，但IE不会。 方法：文档声明DOC | 用!important解决2、垂直居中：line-height=div的height，再通过vertical-align：middle；（ 注意内容不要换行）3、浮动IE产生的双....
分类：
其他好文 时间：
2015-11-15 17:44:48
阅读次数：
135
个人总结，如有错误请指出，有好的建议请留言。o(^▽^)o一、margin:0 auto；text-align:center；line-height方法 1 margin,text-align;水平居中 1 /* 2 margin:0 auto; 设置块元素（或与之类似的元素）的水平居中...
分类：
Web程序 时间：
2015-11-14 21:59:08
阅读次数：
321
初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中...
分类：
Web程序 时间：
2015-11-12 17:41:07
阅读次数：
392
包括替换和非替换元素。对于只包含文本的行，能够改变行高的属性：line-height,font-size,vertical-aligin；行内替换元素的margin,padding,border也会影响行高替换元素非替换元素区别非替换元素（纯文本）：1.上下padding不会影响内容区形状，从而也不...
分类：
其他好文 时间：
2015-11-12 16:01:01
阅读次数：
244
base都是font-size，不管是继承的，还是自身的。"%":为继承父元素的距离"无单位":计算各自的距离。看demo1：样式 body{ font-size: 14px; line-height: 150%; } ...
分类：
其他好文 时间：
2015-11-11 14:50:33
阅读次数：
213
"%"：是继承父级元素的距离；"无单位"：是子元素计算各自的行距离eg：12345678910111213141516171819202122Document你好！ 效果如图：1、当line-height:XX%时：body{font-size:14px;line-height:150%;}p{fo...
分类：
其他好文 时间：
2015-11-11 11:27:32
阅读次数：
216
input{ height: 16px; padding: 4px 0px; font-size: 12px;}以前在项目里碰到过一个问题input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中，在FF下出现的情况是：点击inp...
分类：
其他好文 时间：
2015-11-09 19:00:59
阅读次数：
233
由于块级元素的高度是可以设置的，所以对于块级元素的垂直居中比较简单。方法一：在不定高的情况下，把元素的上下内边距设为同一个值即可实现，即padding ：10px 0;以上方法针对块级元素和行内元素都可以。方法二：line-height:（只针对行内元素可行)将行高设置成和父元素的高度相等，就可以....
分类：
Web程序 时间：
2015-11-08 19:16:39
阅读次数：
262
常见的CSS技巧1.div的垂直居中问题： vertical-align:middle;将行距增加到和整个DIV一样高： line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 。2. margin加倍的问题设置为float的div在ie下设置的margin会加倍...
分类：
其他好文 时间：
2015-11-07 23:10:29
阅读次数：
260
.wrap { width: 100%; height: 50px; display: -moz-box; display: -webkit-box; display: box; line-height: 50px;}.wrap a { -moz-box-f...
分类：
Web程序 时间：
2015-11-06 16:23:17
阅读次数：
319
