![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-css
Fancy_Q
这个作者很懒,什么都没留下…
展开
-
微信里生成二维码并长按保存
<div class="Qrcode"> <div id="qr_container"></div> </div> createQr(); // 生成二维码 function createQr() { document.createElement(...原创 2018-07-11 17:34:24 · 2096 阅读 · 0 评论 -
商城项目商品展示一行多个商品贴边样式
例子:一行5个商品1200px,每个商品230px,向右间距12.5pxdisplay: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;这样设置当一行不足5个商品时,商品不能居左显示,改进办法时去掉justify-content: space-between;此时每个商品有margin-right,在...原创 2018-04-28 11:43:10 · 548 阅读 · 0 评论 -
browser-sync使用
1.安装官方文档安装2.在未安装gulp且有本地服务器的情况下使用,cmd进入项目目录下,输入dos命令,browser-sync start --proxy "localhost:8020" --files "**"在本地服务器下,使用端口3000(未被占用)访问即可...原创 2018-04-16 18:11:27 · 340 阅读 · 0 评论 -
rem转换
window.onload = function(){ /*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};window.onresize = function(){转载 2017-12-06 15:07:58 · 426 阅读 · 0 评论 -
文章标题
1,引入这段js代码,把设计图调成640,数据除以100,即为当前rem,适配移动端 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’, re原创 2017-12-06 15:00:52 · 193 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-12-06 14:57:57 · 238 阅读 · 0 评论 -
文本溢出(单行和多行)
1.单行文本溢出overflow: hidden; //溢出隐藏text-overflow: ellipsis; //溢出是显示省略号flex-wrap: nowrap; //设置文本不换行1.多行文本溢出overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-原创 2017-05-18 09:03:55 · 341 阅读 · 0 评论 -
audio h5新增音频播放器
加上 controls会显示默认控件,不同浏览器显示样式不一样source 可以省略,将src加在audio上通过id获取audio对象,应用它的一些方法和属性,例如:play(),pause(),currentTime,duration等等很多很多时候我们为了界面美观不会用它的默认样式,因此我们可以这样来处理,在需要显示控件的地方加div,在div原创 2017-05-18 09:14:09 · 917 阅读 · 0 评论 -
div中img图片下方空白问题
<style> img { vertical-align:top }</style>如果将img的 vertical-align 设置为 middle 或者 top 就会发现空白消失原创 2019-01-19 17:16:38 · 273 阅读 · 0 评论