标签 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...

继续阅读 »

CSS中神奇的height：100%

May 12, 2016 搬砖秘籍

最近使用CSS布局中发现了一个较为神奇的属性： height:100% 。神奇在哪里呢？

继续阅读 »

高度不定CSS设置img充满div的解决方案（img标签3px问题）

May 12, 2016 搬砖秘籍

使用CSS布局的进个遇到这样一个问题：设置一个固定宽和高的div，里面放置一张图片，使图片的宽度和高度与父级的div保持一致。看起来是一个很简单的问题啊，有什么难的？

继续阅读 »