使用 box-shadow 代替 border
July 16, 2019
搬砖秘籍
在前端开发中给一个 div 添加边框，一般是使用border属性。 如下： <div class="box"> </div> CSS .box {...
标签 CSS 下的文章
Bootstrap 4 中 hidden-* 和 visible-* 类都去哪了？
October 17, 2018
搬砖秘籍
之前使用过一个CMS开发过后台系统，使用了 Bootstrap3，里面有好个非常好用的css类 hidden-* 和 visible-*，可以方便地实现响应式。最近帮朋友改一个基于 Boots...
text-overflow: ellipsis 无效的解决方案
March 12, 2018
搬砖秘籍
一个简单的需求，要展示用户的微信名，有的人喜欢把微信名起的很长，导致一个框框显示不下，于是用到了 text-overflow 的属性。代码如下： width: 90%; margin: 0 a...
CSS 中 margin 与 padding 的百分比
January 10, 2018
搬砖秘籍
最近做开发的时候用到了多次 margin: xx% 来做自适应的网页布局，但这个东西有时候出来的结果并不是自己所想的，于是去百度了一下这个百分比的计算基准，结果发现了一个比较好玩的点。 示例H...
不定宽高元素的水平垂直居中
January 10, 2018
搬砖秘籍
前端开发中水平垂直居中是绕不开的坎，尤其是宽高不定的元素，之前听说过总总办法，由于自己懒，也没一一去试，今天就做一个总结。 PS：纯CSS实现，布局的问题不应试交给JavaScript(除非某...
使用 Less 替换 wxss 开发微信小程序
January 10, 2018
搬砖秘籍
微信小程序开发中默认使用的 wxss 做为样式文件，这货对应成前端就是 CSS 文件，所以通常写 wxss 文件的时候会很痛苦。因为我已经完全放弃了小程序自带的编辑器（参考：wxapp.vim...
CSS3 first-child not work
January 20, 2017
搬砖秘籍
For some reason, I tried to use CSS3 selector :first-child, but it not works in my project.
关于CSS中box-sizing属性的一点心得
May 15, 2016
搬砖秘籍
最近需要写这样一个布局：一个父元素，里面有两个子元素，两个子元素的宽度为父元素的一半。这在CSS中倒是一个很简单的问题，所以很容易就有如下代码。 <style type="te...
