导航
首页
技术杂文
谷歌地图
网文选录
文章浏览史
其他
搜索
知识栈-margin
CSS实现垂直居中的常用方法
在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先,定义一个需要垂直居中的div元素,他的宽度和高度均为300px,背景色为橙色。 接下来,需要做的事情就是要让div往下移动了。所以,想要移动元素的位置,就要把position设置为不是static的其他值,如relative,absolute,
分类:
文章浏览史
浏览:618
发布时间:2021-08-10 20:28:07
vue 深度作用选择器
width: 100%;float: left;margin: 0 10px;padding: 3px 2px;margin-right: 40px;
分类:
文章浏览史
浏览:954
发布时间:2020-09-10 14:43:24
微信小程序搜索之侧边栏筛选
目前做了一个微信小程序 商城 需要用到 侧边栏搜索,于是就仿某宝的 功能做了一个,(第一次写 有点low,希望有大神可以帮忙改进,欢迎留言)用的后台数据,没有上传先看效果图.wxml 代码 ...
分类:
文章浏览史
浏览:404
发布时间:2020-08-30 16:10:34
微信小程序搜索功能
.
.
{{it
分类:
文章浏览史
浏览:697
发布时间:2020-08-29 21:09:13
纯CSS简单实现漂亮的timeline时间轴效果(样式1)
背景最近需要用到timle效果,网上提供很多案例都加了很多特效,代码也比较复杂。最终找到了一个样式精美,代码简洁的timeline效果。我简单分享一下实现原理,并配上代码,供大家参考。效果图实现原理右侧列表是ul>li*n的列表布局,该布局的样式完全是自己定义,和timeline实现无关实现过程拆分起来很简单ul的样式利用:before属性为期增加一条灰色的线,宽...
分类:
文章浏览史
浏览:770
发布时间:2020-08-28 23:08:52
纯html时间线模板
.
.
. box-sizing: border-box;font-family: roboto;display: flex;flex-wrap: wrap;max-width: 200px;margin: 0 auto;d
分类:
文章浏览史
浏览:1099
发布时间:2020-08-28 22:46:47
快速使用node.js进行web开发
由于这本书是2012年出的,书中的一个web教学项目是开发一个微博。从2012到现在,node.js及其生态环境发生了很大改变,所以关于该书的学习如果照着书本显然是过于陈旧的。到目前为止,node.js的web开发框架已经升级到了Express4.12.1,对于MongoDB的操作更多是使用mongoose这个对象模型,而不是之前mongoDB 官方提供的原生node.js的API,所以本文将基于nodejsV0.1033 + MongoDBV3.0.2+ Jade1.9.2 + mogoose
分类:
文章浏览史
浏览:624
发布时间:2020-08-24 20:47:00
查看更多