zoukankan      html  css  js  c++  java
  • 常用的css

    1、单行省略

     

    .mui-ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

    }

     

    2、多行省略(2行有数字的地方就写2,以此类推)

    .mui-ellipsis-2 {

    display: -webkit-box;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    word-wrap: break-word;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

    }

     

    3、文字左对齐,右对齐,居中对齐

    .t_left {

    text-align: left;

    }

    .t_right {

    text-align: right;

    }

    .t_center {

    text-align: center;

    }

     

    4、左浮动,右浮动,清除浮动

    .left {

    float: left;

    }

    .right {

    float: right;

    }

    .clear {

    clear: both;

    }

     

    5、块状元素(砖头),内联元素(水),块状-内联(像砖头一样的水)

    .block {

    display: block;

    }

     

    .inline {

    display: inline;

    }

    .none {

    display: none;

    }

    .in-block {

    display: inline-block;

    zoom: 1;

    }

     

     

     

  • 相关阅读:
    Spring简介和基础
    el表达式
    Spring MVC 文件上传下载
    el表达式的function标签
    JSTL核心标签库使用
    基于注解的SpringMVC
    new一个Object对象占用多少内存?
    leetcode-第k个排列(Java和c++版)
    使用maven构建web项目(简易版)
    leetcode-电话号码的字母组合
  • 原文地址:https://www.cnblogs.com/chengmingxiaowu/p/7593256.html
Copyright © 2011-2022 走看看