- 博客(7)
- 收藏
- 关注
RSS订阅原创 input的默认文字在手机端下垂直居中问题
平时切页面还真没注意到这个问题，第一反应就是高度行高，后来百度发现这个就是一个bug。看到很多网站是用span来代替placeholder，配合js一起引用，脑袋突然想到另外一个思路。 p1)给input添加一个自定义属性代替placeholder如：data-holder="请输入" p2)检测input身上是否有data-holder属性，如果有先把input的字体颜色变灰，同时获取这...
2019-06-25 17:27:05
862
原创 获取元素宽度（包含小数点）
在写网页的时候我们应该都碰到过获取一个元素的宽度然后减去相隔的距离再平分给它的子集。这个时候就会有一个小问题，这个宽度的获取outerWidth()不包含小数点。计算出来的值是四舍五入后的，比如：680.59 =681。这样就会导致元素换行。 在网上找到了一个方法，分享一下 var pagat = document.getElementById('pagina...
2019-04-08 10:29:50
1367
原创 网页样式集合
一、按钮 input{ -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, } 二.块 ...
2019-01-09 17:50:11
142
1
原创 关于img根据浏览器宽度自适应
在响应式网站中，图片的高度是个问题，不能把它写死，于是我根据定位写了一个方法 结构： <div class="box"> <a href="javascript:;"> <img src="img/img-1.jpg" class="imgages"> </a> </
2019-01-08 15:16:39
1955
2
原创 placeholder
最近应公司要求网页需要兼容IE7,我表示有点头疼 在页面中第一次注意到placeholder这个属性不兼容IE10以下；只得想办法写个出来 方法一 用data-holder替代placeholder <div class="input-wrapper"> <input data-holder="手机号" class="tff-input" type="...
2018-12-29 17:44:29
173
原创 效果整合
1.选项卡 <div class="select-box"> <ul class="menu"> <li>选项一</li> <li>选项二</li> </ul> <div class="
2018-09-26 15:46:04
112
原创 display：flex布局
关于flex布局，我觉得它在布局里简直就是一匹黑马，不愧为弹性布局 阮一峰大神有一篇博客，讲的超级详细 （http://www.ruanyifeng.com/blog/2015/07/flex-examples.html）地址献上.... 下面来举例一下 我平时是什么场合派它上战场 1、左右居中 HTML <div class="wrapper"> <d...
2018-08-20 14:29:11
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人