做一个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