效果: 代码:[标记]注意:img的heigth 必须和sapn的height相同,span的height,line-height必须相同,img必须设置float:left
分类:
Web程序 时间:
2015-05-30 19:52:13
阅读次数:
272
line-height、height都可以为元素设置高度。height是限制元素内容活动的范围,而line-height设置元素的内容的大小。张张张 显示如图: 绿色表示height,红色表示 line-height;应用的话大家都懂了!!
分类:
其他好文 时间:
2015-05-24 12:47:01
阅读次数:
113
网址来源:http://keleyi.com/a/bjac/n1j9gb06.htm#divId_keleyi_com {width: 200px;height: 40px; /*div的高度*/line-height:40px; /*/这个数值要和height高度相等,才能控制文字上下居中*/te...
分类:
Web程序 时间:
2015-05-19 18:48:56
阅读次数:
211
该方法的使用需要注意:1、在table中可以直接达到预期效果2、在div中使用时,则需要定义行的高度line-height:60px;原因在于:一个div中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个div而言的。而table的单元格是一行内的...
分类:
其他好文 时间:
2015-05-17 18:18:23
阅读次数:
140
我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。clearfix清除浮动 首先,我们常用的清除浮动是这样的。.clear{clear:both;line-height:0;} 这是相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤,就是每次....
分类:
其他好文 时间:
2015-05-15 21:14:10
阅读次数:
186
http://caibaojian.com/css-border-triangle.html .text{ height: 0; width: 0; /* 这里设置overflow, font-size, line-height,是因为, * 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高...
分类:
Web程序 时间:
2015-05-15 10:22:01
阅读次数:
119
直接看代码来得快:
按住说话
#hhhh{height:40px;line-height: 40px; text-align: center; background: #f00; color:#fff;}
document.getElementById('hhhh').addEventListener('touchstart', funct...
分类:
微信 时间:
2015-05-13 19:46:09
阅读次数:
360
font-size:12px;line-height:22px;font-family:Arial,Helvetica,sans-serif;/*优化*/font:12px/22px Arial,Helvetica,sans-serif;background-color:#eee;backgroun...
分类:
Web程序 时间:
2015-05-12 15:05:53
阅读次数:
118
#box{
width:150px;height:150px;border:1px dashed red;
font-size:13px;line-height:150px;text-align:center;
}...
分类:
Web程序 时间:
2015-05-12 09:34:27
阅读次数:
126
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>10sJump</title><style>#content{width:100%;margin:0pxauto;height:720px;line-height:720px;font-family:"微软雅黑";font-s..
分类:
Web程序 时间:
2015-05-09 13:33:22
阅读次数:
187