没有想到一个比较合适的标题,当前这个标题表述的可能不太准确,实际应用场景为当父容器按百分比显示,父容器并不是一个正方形的情况下,下面的图片如何按父容器的百分比显示成一个正方形。 这里讲一下实现原理:需要想办法先把父容器变成正方形,并设置相对定位。然后图片高宽100%进行进绝对定位top:0;left:0,这样便能实现我们想要的效果。下面附上代码: Good luck!

点击阅读全文>>

css flex 实现多行文本上下居中 我们在对一个容器内的文本进行上下居中显示时,通常采用line-height的方式来设置,对于单行文本来说这个方法可行,但是如果有多行文本,line-height便无法实现,默认情况下<br />及<p>都会受line-height的影响。 使用flex布局便能轻松解决这个问题。项目上的功能需求已经实现,我便不去深入了,有兴趣的朋友还可…

点击阅读全文>>

一个直自诩是个伪前端,当然也一直有往这方面学习了解。在调试代码的时候经常会用到站长工具的css/js美化功能,这多半是用在查看别人压缩过后的css/js代码,也有自己写好的代码通过这个功能进行压缩。总之,在做前端开发时经常会用到的一款小工具。 今天这里就把这个功能移植到我自己的博客上来,以后有需要的时候就可以用专属CSS/JS美化工具了。代码就不贴了,直接看演示吧,如果你觉得有用也可以收藏起来以后…

点击阅读全文>>

WordPress启用菜单功能并在后台做好相应的设置(详见:)后,在前台指定的页面调用 即可将菜单调用出来,但是当出现二级或者多级菜单时,显示样式可能出现一些小问题,下面放一组上面调用代码相对应的基本样式,可以通过这组样式进行扩展。  

点击阅读全文>>

我们在日常网页设计时经常会遇到网页编码的问题,就个人而言习惯性以utf-8的编码进行前端开发,中文浏览器的默认编码通常为GBK/GB2312,虽然通过网页编码声明可以解决因不同编码导致的网页乱码问题,但是当我们查看源代码时则还是会看到有出现乱码。 font-family字体分为两类: 特殊字体系列:就是具体的每种字体,如:宋体、Times New Roman等 通用字体系列:代表的是相似的一类字体…

点击阅读全文>>