样式随手记

?xml version="1.0" encoding="UTF-8"?

1.  超出两行显示省略号：

.dialogTitle{

 max-height:86px;// 定义最大高度

 overflow:hidden;// 超出隐藏

 font-size:14px;

}

// 超出第二行显示省略号

.dialogTitle::after{

 content:'...';

 height:42px;

 position:relative;// 定位到文本最后

 left:98px;

 top: -42px;

 padding-right:10px;

 background-color:#fff;

}

2.两端对齐 :

text-align：justify（对文本的最后一行无效）

text-align-last：justify（仅对文本最后一行有效）

3.样式是overflow：auto的时候，onscroll的事件是不管用的