单行文本

　white-space: nowrap;   //文本不进行换行
    text-overflow:ellipsis;   //用省略号代替溢出部分
    width:60%;                   //要设置宽度
    overflow: hidden;         //溢出隐藏
 
 
多行文本
 
　　display: -webkit-box;               //必设置，将对象作为弹性伸缩盒子模型显示
        -webkit-box-orient:vertical;    //必设置，设置或检索伸缩盒对象的子元素的排列方式
        -webkit-line-clamp: 2;　　　 //显示行数
        text-overflow:ellipsis;　　　 //用省略号代替溢出部分
        overflow: hidden;　　　　   //溢出隐藏
 
 
input text texteare文本
 
　　minlength:           //最少字数
　　maxlength:　　  //最多字数