CSS常用代码

工作中常用的css代码,持续更新。

圆角CSS

-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;

强制换行

white-space:pre-wrap;word-wrap:break-all;

输入提示、隐藏焦点、禁用默认填充

<input type="text" value="" placeholder="请输入" hidefocus="true" autocomplete="off" />

透明效果

opacity:.8;-moz-opacity:.8;-khtml-opacity:.8;

根据浏览器不同分辨率适配不同CSS样式

@media screen and (min-height:800px) and (max-height:900px) {
	.item-box {
		margin-top: 70px
	}
}

@media screen and (min-height:901px) and (max-height:1050px) {
	.item-box {
		margin-top: 90px
	}
}

@media screen and (min-height:1051px) {
	.item-box {
		margin-top: 120px
	}
}

CSS多行超出用...省略号代替

.title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0;
	font-size: 12px;
	-webkit-line-clamp: 1;/*限制行数*/
	-webkit-box-orient: vertical;
}


随便看看