單行文本:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本: (移動端 webkit內(nèi)核)
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; (顯示的行數(shù))
-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和失去焦點不同時執(zhí)行
addLabelDetail1()//要執(zhí)行的函數(shù)
}
};
IE上超鏈接使用絕對定位后失效
解決辦法:
(1)使用position:relative而不是position:absolute衣形;
(2)添加背景色服鹅;
(3)添加透明的背景圖片提完,gif或png辆布,但會增加無意義的http請求;
(4)使用background:url(about:blank)评也,最佳方案炼杖。
IE9以下瀏覽器不支持background-size屬性
三種解決方法:
(1)使用濾鏡,但是不能指定任意大小background百分比盗迟,要用絕對路徑的圖片坤邪;
(2)引入htc文檔,可指定百分比罚缕,相對路徑
(3)將圖片大小變化成實用大小艇纺。
區(qū)別a和b——
a.position:absolute;? ? b.position:relative邮弹;
——position:absolute;表示絕對定位黔衡,
(1)其一般要設(shè)置高度跟居左的像素,即top/left,
(2)其一般是相對于瀏覽器而言的腌乡;
——position:relative盟劫;表示相對定位,
(1)其一般相對應(yīng)于上一個容器div而言与纽;
(3)需要設(shè)置容器間的間距侣签,即其對應(yīng)的margin值(margin-top/right/bottom/left)