base.css 样式

2018-04-03  本文已影响0人  梦太难回还

/*浮动*/

.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;

}

上一篇下一篇

猜你喜欢

热点阅读