css问题

**

持续更新中···

css双击不选中

**

div{
      user-select:none;
      //兼容性写法
      -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
}

**

css虚线边框

**

div {
border-right: 1px dashed #ffffff;
}

css多余文字隐藏显示…

div {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;//文字显示行数
    -webkit-box-orient: vertical;
}
//单行情况
div:{
 white-space: nowrap;
   overflow: hidden;
 text-overflow: ellipsis;
}
//多行
 display: -webkit-box;
overflow: hidden;
 -webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*控制可显示几行文本*/

css正文空两个字符…

text-indent：2em;

整体样式变灰

 body {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
            filter: gray;
        }

textarea去电右下角箭头

textarea {
	resize:none;
}

a标签显示下划线

a{text-decoration:underline} 

table css 合并行后垂直居中 rowspan

.table tr th,.table tr td {
	text-align: center;
	vertical-align: middle !important;
}

css 伪类 before

.news-title:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #339999;
    position: absolute;
    top: 7px;
    left: 0; 
    border-radius: 10px;
    z-index: 1;
}