CSS
6篇文章 · 0订阅
  • 一个由line-height引发的血案与思考
    找了一下原因，发现是由于UI设计稿中设计的文字大部分是font-size:24px;line-height:24px,代码实现时为了不至于每处都写一遍字体大小，故直接在根节点上统一设置字体与字体大小为24px，小部分不一致的地方再单独设置字体大小，从而忽略了设置line-hei…
    Microsoft CSS 前端
  • [译] width 与 flex-basis 的区别
    这个问题很多人问起过我，实际上，当我对使用 Flexbox 还不太熟悉的时候，我谷歌过这个问题很多次。查看下我的谷歌搜索历史，上一年我曾四次搜索类似“flex-basis vs width vs min-width”的问题。废话少说！今天让我来回答这个问题，希望大家以后不用再搜…
    CSS
  • css高级应用三种方法实现多行省略
    这是个老掉牙的需求啦，不过仍然有很多人在网上找解决方案，特别是搜索结果排名靠前的那些，都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。 如果你看到这篇文章，可能代表你正是从那么多千篇一律的文章中跳转过来的，想找更好地方案的。那恭喜你，没有更好的，只有更…
    CSS
  • 一劳永逸的搞定 flex 布局
    寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…
    CSS flexbox
    一劳永逸的搞定 flex 布局
  • 如何更好的去除谷歌浏览器中input自动填充背景？
    input可能是平时网页中使用最多的标签之一了，但凡需要输入的地方都少不了。 比较好理解，当自动填充时会激活:-internal-autofill-selected伪类，然后就变成了淡紫色。 虽然样式覆盖了，然而并没有什么用，仍然是默认的淡紫色（要是起作用的话就不会专门去研究这…
    CSS
  • 浏览器亚像素渲染与小数位的取舍 - 腾讯 ISUX
    在响应式项目中，百分比的数值的应用越来越多，比如栅格化布局、背景定位、内边距等。以往对于这种数值，我们大都是直接采用计算器计算出来的数值。但这种数值有时会很长，特别是除不尽的数值如 23.33333333%。数据不美观不说，关键对于这种小数位的位数应该如何取舍，一直以来都没有理论依据。 为了解决这个问题，我们需要先了解浏览器是如何处理这些小数位的。
    前端
    浏览器亚像素渲染与小数位的取舍 - 腾讯 ISUX