
CSS3
小熊代码加
键盘虐待者
展开
-
el-input 只允许输入整数、整数和小数(保留小数点后两位)
方法一:el-input “type=number“ 隐藏上下箭头/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important;}/deep/ input[type='number'] { -moz-appearance: textfield !important;}方法二:事件控制(兼容)1.只允许输入整数或小数只保留小数点后两位<el-input size="small" o原创 2021-11-08 16:41:06 · 7943 阅读 · 5 评论 -
CSS3 word-break 属性
原创 2021-10-15 15:52:21 · 205 阅读 · 0 评论 -
CSS3 transition transform 实现简单的跑马灯
HTML:<div lantern> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul></div>CSS:* { margin: 0; padding: 0;} [lantern] { overflow: hidden;} ..原创 2021-05-10 16:28:55 · 489 阅读 · 0 评论 -
编写现代CSS代码的建议
本文翻译自Danny Markov 的20-Tips-For-Writing-Modern-CSS一文。本文归纳于笔者的Web 前端入门与最佳实践中CSS入门与最佳实践系列,其他的关于CSS样式指南的还有提升你的CSS姿势、Facebook里是怎样提升CSS代码质量的。本文更偏向于样式使用技巧,前两篇偏向于代码风格与规范。明白何谓Margin Collaps转载 2017-10-31 16:45:52 · 397 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢...转载 2018-06-08 10:25:31 · 226 阅读 · 0 评论