利用CSS让元素垂直居中是个很头疼的问题，这里就介绍两种简单实用的方法方法一：利用行高（line-height）定位 line-height通常是用于调节一段文字的行与行之间的距离，或者说两行文字之间的距离，如果行高是500px，那么每一行中的文字距离本行的顶部就是250px，如果将文字的行高...
分类：
Web程序 时间：
2015-08-17 13:51:15
阅读次数：
108
声明：来自http://www.imooc.com/learn/9 学习父元素高度确定的单行文本的竖直居中是通过设置父元素的 height 和 line-height 高度一致来实现的。.container{ height:100px; line-height:100px; bac...
分类：
其他好文 时间：
2015-08-15 21:20:08
阅读次数：
114
1.属性height 设置元素高度line-height 设置行高max-height 设置元素最大高度max-width 设置元素最大宽度min-width 设置元素最小宽度min-height 设置元素最小高度width 设置元素宽度clear 设置一个元素的侧面是否允许其他的浮动元素curso...
分类：
Web程序 时间：
2015-08-14 15:22:55
阅读次数：
126
想到做这个模拟的原因是之前使用select>option标签的时候发现没有办法操控option的很多样式，比如line-height等，还会由此导致在IE8及以下版本浏览器中的各种问题。这个模拟思路很简单，也很清晰，我就直接上代码了html：第一层div是模拟select标签，第二层div是模拟op...
分类：
其他好文 时间：
2015-08-14 13:11:32
阅读次数：
204
provisioning profile that expired." style="text-decoration:none; color:rgb(77,108,164); font-family:simsun; font-size:14px; line-height:21px">Managed-by-Xcode provisioning profile that expired.
...
分类：
其他好文 时间：
2015-08-14 10:01:20
阅读次数：
172
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin...
分类：
Web程序 时间：
2015-08-13 09:59:00
阅读次数：
200
.ellipsis-line{width:200px;line-height:18px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box...
分类：
Web程序 时间：
2015-08-11 20:38:16
阅读次数：
111
随着接触的项目越来越多，就可以感受到“居中”应用的非常广泛。水平居中，这里就不多说了，margin:0 auto就可以解决。最令人烦恼的是垂直居中，这也是本章将重点总结的地方。下面按类来划分垂直居中的解决方法： 1.单行文本垂直居中 代码：div p{ line-height: 30...
分类：
Web程序 时间：
2015-08-11 17:39:08
阅读次数：
120
1、原理：利用? overflow: hidden;属性只显示一行，调整scrollTop达到滚动目的 <style?type="text/css">
.linkDiv?{
??width:?870px;
??height:?20px;
??line-height:?20px;
??float:?left;
??o...
分类：
其他好文 时间：
2015-08-11 12:30:53
阅读次数：
150
.fix{zoom:1;}.fix:after{display:block; content:''; clear:both; line-height:0; visibility:hidden;}
分类：
其他好文 时间：
2015-08-11 08:32:41
阅读次数：
122
