flebo

截断文本问题

单行文本截断 p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行文本截断 ADDING MULTIPLE LINE ELLIPSIS EFFECT WITH CSS 在 flexbox 中截断文本的问题blablablablablablablablabla...blablablab

上手就用!2016年五月设计圈新鲜干货大合集

每个月的设计圈干货大合集都是素材云集,这个月也是一样。新的网站搭建工具,不一样的CMS系统,从未见过的CSS框架,流行的配色工具,各路生产力工具,新鲜出炉的图标,还有永远不会缺席的字体,一次让你看个够。同样的,不论你是设计师还是开发者,合集中的素材是不会让你失望的,总会有几款你能正好用上。[br] StringBean StringBean 是一款轻量级CSS框架,仅有4k

flebo 详细教程

caniuseflexbox 神器肯定是前端必会的。对于各种布局只要学会 flexbox 那都是 so easy 的事情。要用 flexbox,最先就是看看 caniuse 上浏览器对 flexbox 的兼容性。下面是截图:图片中 partial support 的左上角的数字对应下面的意思。具体和访问链接去看,:caniuse 上浏览器对 flexbox 的兼容性.部分支

css居中最佳实践

css居中是非常常见的问题,也是面试热门,现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align: center,子元素都会居中,无论是inline还是block缺点:text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0

你所不知道的 CSS - 居中

你所不知道的 CSS - 居中这次翻译一篇来自 Chris Coyier 的 《Centering in CSS: A Complete Guide》前言居中是在CSS中经常被抱怨的问题之一。这个问题真的有这么难吗?事实上这个问题并没有那么复杂,它困难在于对于不同的情景,解决居中问题需要用到不一样的方法。在这里,我们会一起建立思维导图来帮助大家来解决这个问题。github