前端开发这么多年，有个心心念念的文字排版布局一直想要实现，那就是四面文字环绕效果，嘿，我发现，最近横空出世的pretext可以轻松实现这样的排版效果。
文章关键字 ‘float’
pretext与文字四面环绕效果的实现
2026年05月11日，星期一CSS initial-letter属性，嗯……也就这样吧
2024年03月21日，星期四
CSS高宽不等图片固定比例布局的三重进化
2023年07月20日，星期四
快速了解CSS display:flow-root声明
2020年05月12日，星期二
CSS grid-auto-flow深入理解
2020年01月15日，星期三
CSS实现平行四边形布局效果
2019年04月20日，星期六
粉丝群第1期CSS小测点评与答疑
2019年01月12日，星期六
上周新建了一个粉丝群，周三发小测题目，每周依次是CSS、DOM和JS，周六上午答疑，答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑，是一个简单的CSS布局问题，本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群，可以参见文末的信息。
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
2017年09月19日，星期二iPhone X造型上有个显著的特质，就是有个明显的刘海。
然后，也出现了一些酷酷的交互，例如页面滚动的时候，列表会自动绕着iPhone X的刘海排列。看微博评论，好像觉得这个效果实现很难，实际上，CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的，本文就将展示如何使用CSS3 Shapes实现元素内容在滚动的时候自动环绕iPhone X的齐刘海的效果。
准确理解CSS clear:left/right的含义及实际用途
2014年06月9日，星期一我们平时一般都使用clear:both清除浮动，貌似就干这一件事件。用得很开心，但似乎理解上懵懵懂懂，我其实也是，早年的时候，测试过CSS clear:left/right，虽知其作用（80%确定而已），但不知其机理。
有必要再次整理下，温故知新。可能很多同行都没有注意left/right值，或者可能理解上含糊，或者不知道其实际意义在何处。So, follow me…
CSS 相对/绝对(relative/absolute)定位系列（四）
2011年08月6日，星期六
本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性，以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点，讲述的是relative相对定位的最小化影响原则。有demo，有实例，有截图以及必要的源代码展示。总之，希望本文的内容对您的学习有所帮助。
我的应用
我的应用