日常小知识集锦
日常小知识集锦
小星星_cjx 发表于8个月前
日常小知识集锦
  • 发表于 8个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 记下一些小的知识,不论是css还是js

保留小数点后两位:

data.toFixed(2)

touch-action的CSS属性:

touch-action:auto;默认值
                      none;禁止触发默认的手势操作
                      pan-x;可以在父级元素(the nearest ancestor)内进行水平移动的手势操作
                      pan-y;可以在父级元素内进行垂直移动的手势操作。
                     manipulation;允许手势水平/垂直平移或持续的缩放。任何auto属性支持的额外操作都不支持。

CSS单行文本溢出省略:

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

CSS多行文本溢出省略:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;

 注意:不要设置height的值

 用css消除button/selcet等控件选中时的虚线框(让页面美观点):

input,button,a { 
outline:0 none !important; blr:expression(this.onFocus=this.blur()); 
} 

CSS设置字母大小写: 

text-transform: capitalize; //首字母大写
                uppercase; //全大写
                lowercase; //全小写

input placeholder属性 样式修改(颜色,大小,位置)

input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #aab2bd;
    /* placeholder字体大小  */
    font-size: 12px;
    /* placeholder位置  */
    text-align: right;
}

 

共有 人打赏支持
粉丝 0
博文 15
码字总数 11970
×
小星星_cjx
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: