常用的css技巧

1、超出几行显示滚动条
css:

text-overflow:ellipsis;
-webkit-line-clamp:2;   //(几行)
-webkit-box-orient:vertical;
display:-webkit-box;
overflow:hidden;

2、让文字在未定义高度的容器里垂直居中
css:

//父元素
display:table;
//子元素
display:table-cell;
vertical-align:middle;

3、文字垂直对齐：
css:

vertical-align:text-top;

4、文本方向设置
css:

direction:trl或ltr;

5、把div或者其他不可编辑的元素变成可以编辑的
html:

<div contenteditable='true'></div>

6、js刷新当前页面
js:

windows.location.reload()