文本过多不换行,超出以省略号代替
.text-oneLine{
display:block; /*内联对象需加*/
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
文本过多换两行,超出以省略号代替
.text-twoLine{
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
html中缓存设置
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
对应java后台代码设置
response.setHeader("Cache-Control","no-cache");
response.setHeader("Pragma","no-cache");
response.setDateHeader("Expires",0);
对应php后台代码设置
header("Cache-Control: no-cache");
header("Pragma: no-cache");
header("Expires: 0");
拖拉生成组件
在拖放过程中会触发以下事件
在拖放目标上触发的事件（源元素）
ondragstart - 用户开始拖动元素时触发
ondrag - 元素正在拖动时触发(鼠标可能在移动也可能未移动)
ondragend - 用户完成元素拖动后触发
释放目标时触发的事件
ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
如何在拖动的源对象事件和目标对象事件间传递数据
1. HTML5为所有的拖动相关事件提供了一个新的属性dataTransfer ：
e.dataTransfer { } //数据传递对象
功能：用于在源对象和目标对象的事件间传递数据
2. 源对象上的事件处理中保存数据：
e.dataTransfer.setData( k, v ); //k-v必须都是string类型
3. 目标对象上的事件处理中读取数据：
var v = e.dataTransfer.getData( k );
虽然所有元素都支持放置目标事件，但这些元素默认是不允许放置的，需要重写事件的默认行为 e.stopPropagation(); e.preventDefault();
另外，还有一个不得不考虑的问题是，拖拽的对象可能是文件，图片，文字。