项目开发时遇到的小问题

单行文本:

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)

你可能感兴趣的:(项目开发时遇到的小问题)