会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
xiaofang
博客园
首页
新随笔
联系
订阅
管理
1
2
下一页
2017年6月29日
bootstrap图标菜单按钮组件
摘要: <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
阅读全文
posted @ 2017-06-29 16:12 小芳姑娘~~
阅读(351)
评论(0)
推荐(0)
2017年5月18日
vue指令
摘要: v-bind 动态的绑定数据,简写为 : v-on 绑定事件监听器,简写为 @ v-text 更新数据,会覆盖已有结构 v-html 可以解析数据中的html v-show 根据值的真假,切换元素的display属性 v-if 根据值的真假,切换元素会被销毁、重建 v-else-if 多条件判断,为
阅读全文
posted @ 2017-05-18 13:51 小芳姑娘~~
阅读(106)
评论(0)
推荐(0)
2017年5月11日
截取指定字数
摘要: 截取指定字数,可以按照半角全角以及字母来截取,兼容IE9以及以上浏览器 html: <h2>控制只显示32个字过长显示省略号</h2> <div id="divbox"></div> css: #divbox{ width:300px; color:red; height:200px; backgr
阅读全文
posted @ 2017-05-11 17:25 小芳姑娘~~
阅读(237)
评论(0)
推荐(0)
2017年5月10日
jquery 实现考试倒计时
摘要: html: <div class="countdown"> <p class="mtp"><span class="countdown_text">答题倒计时</span></p> <p class="line_height34"><span id="countdown_time"></span><
阅读全文
posted @ 2017-05-10 15:50 小芳姑娘~~
阅读(315)
评论(0)
推荐(0)
楼层导航
摘要: 鼠标滚动到某个楼层,某个楼层的楼层按钮高亮显示,点击左边的楼层按钮,页面直接定位到这个楼层 html: <div style="height: 100px;text-align: center" class="head">头部</div> <div class="main"> <div style=
阅读全文
posted @ 2017-05-10 14:37 小芳姑娘~~
阅读(357)
评论(0)
推荐(0)
根据容器的高度进行截取字符的长度
摘要: 在实际工作中,很多时候都会有几行几行之后显示省略号的需求,都知道单行省略号的需求很简单,三个属性就实现了(overflow: hidden;text-overflow:ellipsis;white-space:nowrap;),但是多行的话,就稍微麻烦一些了,网上也有很多实现方法,但很多都不兼容,那
阅读全文
posted @ 2017-05-10 11:47 小芳姑娘~~
阅读(217)
评论(0)
推荐(0)
2017年5月9日
选项卡
摘要: 常见选项卡之一: html: <button class="b">1</button> <button>2</button> <button>3</button> <button>4</button> <div class="active">1111</div> <div>2222</div> <d
阅读全文
posted @ 2017-05-09 11:19 小芳姑娘~~
阅读(124)
评论(0)
推荐(0)
屏幕水平居中垂直居中
摘要: 不管左边的盒子放大还是缩小,中间的盒子始终水平垂直居中 html: <div class="sidebar"><a href="###" class="click">点击缩小左侧导航宽度</a></div> <div class="notebar"> <p>我始终在中间</p> </div> css
阅读全文
posted @ 2017-05-09 10:25 小芳姑娘~~
阅读(242)
评论(0)
推荐(0)
2017年5月4日
移动端的头部标签和meta
摘要: <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'>
阅读全文
posted @ 2017-05-04 17:22 小芳姑娘~~
阅读(133)
评论(0)
推荐(0)
reset css
摘要: 通用版(基本适用于所有的页面) body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} table
阅读全文
posted @ 2017-05-04 17:17 小芳姑娘~~
阅读(151)
评论(0)
推荐(0)
1
2
下一页
公告