做一个div盒子，设置over-flow:hidden,设置高度为auto。然后再盒子里排列若干inline-block,inline元素。自适应的话常用做法是用line-height,font-size加上垂直padding设置高度。font-size可以用pt或是em设置。这样在不同分辨率下能显...
分类：
Web程序 时间：
2015-10-17 17:23:23
阅读次数：
170
最近看了很多关于剖析line-height和vertical-align的文章，才发现它们背后都大有文章，自己稍作皮毛总结我所理解到的。先说line-height基本知识：顶线，中线，基线，底线。其中最关键的是基线，基线则是字母“x”的下沿线，故有“x-height”一概念。行高则是两行文字的基线到...
分类：
Web程序 时间：
2015-10-16 23:03:04
阅读次数：
184
BFC----Block Formatting Context.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}.clearfix:after{clear:both;...
分类：
其他好文 时间：
2015-10-15 14:20:11
阅读次数：
186
测试用代码 xg 默认的是按baseline对齐去掉图片试试：这里xg span的高度是60,68的高度是line-height,上图高72是图片把div撑开了，可以看出span的底部到baseline的距离是8给img添加vertical-a...
分类：
其他好文 时间：
2015-10-14 17:33:39
阅读次数：
161
今天get 了css新样式：控制一行一行的文本如果太长，就用省略号显示：样式如下： .myStyle{width:160px;height:50px;line-height:50px;border:4px solid #eee; white-space:nowrap;/*强制文本在一行...
分类：
其他好文 时间：
2015-10-13 20:49:23
阅读次数：
174
来自clagnut的投影方法 思想就是:采用负值的left与top值,让图片向上和向左偏移,使得投影出现.而且一个很巧妙的地方就是,利用line-height:0;使得投影跟边框重叠在一起,所以投影不会出现在边框下面.
分类：
其他好文 时间：
2015-10-11 21:38:56
阅读次数：
265
图片和文字一起放在li标签下不能同时垂直居中 解决办法: 1、设置图片的position:absolute; 2、把文字加上span标签: span{ height:30px;line-height:30px;display:block; } img{ ve...
分类：
Web程序 时间：
2015-10-10 23:00:56
阅读次数：
266
什么是行间距？古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-height被用来控制行与行之间垂直距离。不过，行间距与半行间距，还是取决于CSS中的line-height。那么，如何来使用line-height...
分类：
其他好文 时间：
2015-10-07 06:15:59
阅读次数：
237
一、想死你们了几个星期没有写文章了，好忙好痒；个把月没有写长篇了，好忙好想；半个季度没在文章中唠嗑了，好痒好想。后面一栋楼有对夫妻在吵架，声音雄浑有力，交锋酣畅淋漓，还以为只有小乡镇才有这架势，哦，突然想起来，我就是住在上海郊外的小乡镇上。刚刚买了几十股京东的股票，第一次玩这个，看好京东的发展。其实...
分类：
Web程序 时间：
2015-10-06 23:39:58
阅读次数：
306
让图片居中和文字居中是不一样的，文字居中可以通过line-height等调整，让图片居中方法，参考各种资料博文和测试 目前接触两种方法 display:table-cell和伪元素：after方法一，display:table-cell这个属性是让元素以表格单元格的形式呈现类似table标签中的td...
分类：
其他好文 时间：
2015-10-06 18:11:32
阅读次数：
225
