美文网首页
base.css 样式

base.css 样式

作者: 梦太难回还 | 来源:发表于2018-04-03 15:13 被阅读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;

    }

    相关文章

      网友评论

          本文标题:base.css 样式

          本文链接:https://www.haomeiwen.com/subject/qtxchftx.html