单行文本:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本: (移动端 webkit内核)
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; (显示的行数)
-webkit-box-orient: vertical;
enter键盘提交:
document.onkeydown=function(event){//enter事件控制
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode==13 && flag ==true){ // enter 键
flag = false;//flag控制enter和失去焦点不同时执行
addLabelDetail1()//要执行的函数
}
};
IE上超链接使用绝对定位后失效
解决办法:
(1)使用position:relative而不是position:absolute;
(2)添加背景色;
(3)添加透明的背景图片,gif或png,但会增加无意义的http请求;
(4)使用background:url(about:blank),最佳方案。
IE9以下浏览器不支持background-size属性
三种解决方法:
(1)使用滤镜,但是不能指定任意大小background百分比,要用绝对路径的图片;
(2)引入htc文档,可指定百分比,相对路径
(3)将图片大小变化成实用大小。
区别a和b——
a.position:absolute; b.position:relative;
——position:absolute;表示绝对定位,
(1)其一般要设置高度跟居左的像素,即top/left,
(2)其一般是相对于浏览器而言的;
——position:relative;表示相对定位,
(1)其一般相对应于上一个容器div而言;
(3)需要设置容器间的间距,即其对应的margin值(margin-top/right/bottom/left)