/*浮动*/
.fleft {
float: left;
}
.fright {
float: right;
}
/*清除浮动*/
.clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}
.clearfix {
*zoom: 1;
}
/*照顾IE6,IE7就可以了*/
/*控制字体的宽度*/
.letter-spacing {
letter-spacing: 1px
}
/*盒子阴影*/
.box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#4B4B4B', Direction=135, Strength=5);/*for ie6,7,8*/
-moz-box-shadow:12px 12px 5px rgba(75,75,75,.25);/*firefox*/
-webkit-box-shadow:12px 12px 5px rgba(75,75,75,.25);/*webkit*/
box-shadow:12px 12px 5px rgba(75,75,75,.25);/*opera或ie9*/
}
/*单行省略*/
.single_line_omission{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
/*多行省略*/
.multiline_omission{
/*-webkit-line-clamp: 3;3为3行省略 */
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*宽度*/
/*宽度1200,居中*/
.w1200{
width: 1200px;
margin: auto;
}
/*宽度在父宽度100%*/
.w100{
width: 100%;
}
/*高度*/
/*高度最小600px*/
.height600px{
height: auto !important;
height: 600px;
min-height: 600px;
}
/*图片更文字中间对齐*/
.img_center_text{
vertical-align: middle;
}
/*文字缩进10px*/
.text-indent-10px{
text-indent:10px;
}
/*换行,英文名字直接换行*/
.word-break-change{
word-break:break-all;
}
/*圆角边框*/
.border-radius{
border-radius:10px 20px 0 0;
}
网友评论