随笔分类 - HTML&CSS
摘要：一、设置input为readonly 二、使用JS代码，在input按钮fous时就让其blur
阅读全文
摘要：/*兼容安卓手机没有高度导致无法显示背景图片*/ html,body{ width:100%; height:100%; } body { background: url(../../image/download.jpg); background-repeat: no-repeat; backgro
阅读全文
摘要：一、HTML代码 二、JS代码 三、axios的设置
阅读全文
摘要：一、clientX和clientY 事件发生时，鼠标距离浏览器的可视区域的X、Y轴的位置，不包含滚动条的区域的部分。就算是页面进行了滚动，鼠标的坐标值还是参考可视区域的。 二、offsetLeft和offsetTop 事件源元素相对于父节点的偏移的像素值。 三、offsetWidth和offsetH
阅读全文
摘要：需求：使用flex布局，超出部分想使用点点点显示 一、方法1使用min-width:0 效果： HTML代码如下： 关键的CSS代码：整个头部设置为display:flex，两端的宽度固定，中间设置为flex:1,同时设置min-width:0 二、第二种方式，代码如下，关键代码是.content中
阅读全文
摘要：需要添加以下样式： -webkit-overflow-scrolling : touch;
阅读全文
摘要：table { table-layout:fixed; WORD-BREAK:break-all;}
阅读全文
摘要：参考一下的文章即可： https://www.cnblogs.com/karthuslorin/p/9038854.html http://www.php.cn/js-tutorial-399072.html
阅读全文
摘要：一、现象 二、解决方法 设置元素的宽度是百分比布局即可，针对一行都是文字的情况，设置了宽度为百分比之后，可以设置超出部分显示为3个点 class{ width: 70%; float: left; // 设置为浮动之后，元素可以设置宽度和高度了 overflow: hidden; white-spa
阅读全文
摘要：PHP的处理方式：http://blog.sina.com.cn/s/blog_4cd978f90102wx92.html
阅读全文
摘要：一、效果图 二、涉及到组件 1.view组件 2.swiper组件 三、原理 整体来讲是比较简单的，顶部的navbar是使用flex进行布局的；下面的内容区域则是使用到swiper组件，使用方式比较简单，可以查看微信小程序的文档。 四、代码 wxml： wxss： js: 代码比较简单，记录学习一下
阅读全文
摘要：一、原理 使用fixed进行固定定位，相对于浏览器窗口进行定位，然后再设置其z-index的值即可。 二、Bootstrap中使用的类 1.顶部固定：navbar-fixed-top 2.底部固定：navbar-fixed-bottom
阅读全文
摘要：a标签中的down属性时HTML5新增的属性，此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。目前该属性的兼容性如下： 具体代码实现：
阅读全文