常用css代码片段

作者: jaclon 分类: CSS 发布时间: 2010-11-10 01:17 ė 6没有评论

1.清除浮动

.clear{clear:both;font-size:0;height:0;line-height:0;overflow:hidden}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{zoom:1;}

2.文本自适应容器

ul{
	width: 100px;
	overflow: hidden;
}
ul li {
      height:20px; line-height:20px; overflow:hidden
}

3.图片在容器中垂直居中,其中font-size=容器height/1.14

.imgbox {
	width: 100px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 96px;
	*font-family: 'Arial';
	overflow: hidden;
}
.imgbox img {
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
}

4.黑白滤镜

html { filter:progid:dxImageTransform.Microsoft.BasicImage(grayscale=1); }

本文出自 肥蕉博客@IT技术,热门话题,生活随笔,美图欣赏,转载时请注明出处及相应链接。

本文永久链接: http://www.bananawolf.com/html/2010/11/22.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

Ɣ回顶部