用CSS3使图片在容器内垂直水平居中
2016年3月5日02:45:30 更新 一个很好的css属性:object-fit:cover 设置好宽度和高度,图片会自动居中显示,占满宽度和高度并且不变形~
在电脑chrome和苹果上显示正常,但是安卓4.4好像有些问题~
经常会用到图片缩略图要居中显示,不然要么自适应宽度,要么自适应高度。
遇到宽度比较大的,自适应后高度可能有空白。
用max-width的方法不太好用。
网上很多用jquery实现图片居中的略麻烦,这里用css3来解决这个问题。同样可以用到div的水平垂直居中,在一些遮罩层经常用到!
div容器的css样式
1width: 80px; height: 80px; overflow: hidden;
img标签的css样式
1width: auto; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
实例:最终效果图
为知笔记用Markdown编辑模式发布到WordPress的测试
今天没那么忙,试试用Markdown编辑笔记然后发布到WordPress的效果。本来是比较看好代码编辑那一块的,结果有些失望! 图一:在为知笔记中添加一份结尾是.md的文档,用Markdown语法写文字。图片直接复制进去就可以了。
多梦主题
好久没更新过博客,今天一口气更新了三篇。
然后这个主题还有一些修改也懒得去弄,因为现在精力都放在双12的推广上。
忽然上多梦的网站看一下,发现他停止更新和下载了!
先不说他准备手术的事,只想问一句,临停更前,买了他会员服务的孩子还好么?
之前有人问我买那个会员服务值不值,我是极力反对的。
如果你有基础,网上都能找到相应的教程和帮助文档;
如果没基础,Q群交流也是瞎扯淡。
不是黑多梦,毕竟我正用着他主题。
只是接触过一些言而无信的人,瞎承诺让我感觉害怕!
七牛融合CDN宣布全面降价,降幅达42%(好福利)
就像七牛宣传的一样,这是个很好的时代。
之前用的时候是五毛钱1G的,现在好了,七牛降到两毛九了。
11月降的价,那个广告也在我面前晃了好几十次,今天才无聊点进去看。
下面是原文截图:
提交网址好厉害
之前百度出了个JS提交网址的方法,好厉害!两个网站的提交数都增加了。
安利一款插件:DW Mobile Switcher自动识别手机设备切换主题插件
该插件的实现的功能是:在pc 上显示还是你之前使用的主题(下称“电脑桌面主题”),但在移动设备上,他会自动加载相应设置的移动主题。
安装好插件后,打开设置页面,显示你当前的桌面主题,然后由两个选项功能选择手机、平板主题,下拉选择相应的手机主题保存即可。
吐槽新浪微博两个坑
今天吐槽的第一个是微博收藏功能。
众所周知,一些营销号为了扩大传播经常会重复转发一些微博。
辣鸡的新浪微博点击收藏只能收藏转发的,而不能直接收藏原微博。
于是营销号为了使主页看起来原创度高一点,内容优质一点,就删除了频繁转发的微博。
我想找时间写写天猫双11
我想找时间写写天猫双11,然而整天忙来忙去。等过完双12再说了吧!
困
为了整个侧栏滚动固定效果,好不容易抱住q2w3-fixed-widget这个插件的大腿,结果放在自己写的主题上无效。心好累。
[1024程序员节福利]极客学院1012天VIP的红包和按键精灵那些事
不是帮极客学院做广告,就个人而言,我是更喜欢慕课网多一点的。昨天收到一份极客学院的广告邮件,今天有空点来看看,于是就出现下面那些截图。 [1024程序员节福利]我刚在极客学院抢了1012天VIP的红包,必须一级棒!送你一半,速度领取。。。。。。。。。 又称按键精灵普及活动,虽然更宣传的差异很大,偷换概念的虚假宣传很坑,但毕竟给我多加了79天会员,过程也好玩。 一开始我是点了330次的,鼠标都点烂了,玩过游戏的都会用一些小工具,按键精灵是这种点击活动的首选。