NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

12 2017 档案

style标签下的CSS代码的显示与实时编辑
摘要：style标签也是标签 首先设置body style的样式 然后再body里面放人可编辑的style <div class="test"> <p>vfdsjkvbsdjvkbdsjkvbjdskbv </p> </div> 阅读全文
posted @ 2017-12-29 14:32 NatChen 阅读(358) 评论(0) 推荐(0)
HTML5终极备忘大全
摘要：一、文字备忘之标签 二、HTML5文字备忘之全局属性 指定是否允许用户编辑内容 true | false 定义元素的上下文菜单 menu id 指定是否允许用户拖拽元素 true|false|auto 指定当拖拽数据放开的时候会发生什么 copy|move|link 指定元素不相干 hidden 指 阅读全文
posted @ 2017-12-27 11:25 NatChen 阅读(223) 评论(0) 推荐(0)
CSS box-flex属性
摘要：box-flex属性（和谐版） CSS box-flex属性（不和谐版） box-orient, box-direction, box-align, box-pack用法 box-orient box-orient用来确定子元素的方向。是横着排还是竖着走。可选的值有： horizontal | ve 阅读全文
posted @ 2017-12-14 17:00 NatChen 阅读(195) 评论(0) 推荐(0)
CSS3 box-shadow实现纸张的曲线投影效果
摘要：一般的投影效果，尤其通过CSS实现的投影效果（无论是CSS3，还是IE滤镜），都是直来直往的。纸张是有卷角的，其投影就是曲面的，如何使用CSS模拟出纸张的卷边曲线投影效果。 .curved_box { display: inline-block; *display: inline; width: 2 阅读全文
posted @ 2017-12-14 16:34 NatChen 阅读(713) 评论(0) 推荐(0)
div模拟textarea文本域轻松实现高度自适应
摘要：textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应,使用普通的div标签模拟textarea文本域，同时又利用了div标签的高度自适应性。于是，textarea文本域的高度自适应效果就可以轻松实现。 阅读全文
posted @ 2017-12-14 16:25 NatChen 阅读(174) 评论(0) 推荐(0)
安卓下H5弹窗display:table的bug
摘要：表单以弹窗的形式弹出时,若设置了表单的div:display:table下,安卓打开页面输入法的时候,表单顶到屏幕顶部之后,再也无法上滑,键盘遮住了下面的输入框。在ios下,一切显示正常,因为iOS会自动将输入框居中到显示的区域,那么这种情况下怎么办呢? 解决方案:将display:table改成d 阅读全文
posted @ 2017-12-01 14:23 NatChen 阅读(387) 评论(0) 推荐(0)
IOS中position:fixed弹出框中的input出现光标错位的问题
摘要：ios11发布后，测试人员反馈回来，键盘弹起时，input光标会定位不准。 后来查了资料，原来是position：fixed，和input一起使用会出现的bug。应该来说，是fixed在移动端支持不怎么好。 解决方案是弹出表单时,给body加一个高度 让整个页面等于可视区大小,这样既解决了弹出表单后 阅读全文
posted @ 2017-12-01 11:25 NatChen 阅读(4711) 评论(0) 推荐(0)