CSS黑魔法（1）_html/css_WEB-ITnose

p {    overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;//规定可现实几行    -webkit-box-orient: vertical;}

<div class="parent">    <div class="child">        垂直居中    </div></div><style>    .parent{        display：table;        width:500px;        height:500px;    }    .child{        display: table-cell;        vertical-align: middle;    }</style>

.css{overflow:auto;/* winphone8和android4+ */-webkit-overflow-scrolling: touch; /* ios5+ */}

&:after {               content: '';                border: Size(13) solid transparent;                border-left-color: #fff;//方向                width: 0;                height: 0;                position: absolute;                top: 0;                right: Size(-30);                @include verticalCenter();            }