在移动互联网时代，前端开发者常常面临一个棘手的问题：精心设计的网页在桌面端展示完美无缺，然而在移动端却状况百出。页面内容莫名截断、异常滚动现象频发，更糟糕的是，当浏览器的工具栏隐藏或显示时，整个布局会

文本溢出处理可以说是我们前端开发过程中最常遇到的场景之一，本文针对不同的文本溢出处理场景来探讨一下如何优雅地处理文本溢出，并给出相应的解决思路。

传统的直接使用ui框架中 Tooltip 文字提示组件的方式，就不赘述了，这里只讲述一些特别的用法。

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

Hello，大家好，我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分~~

前言 该规范并不是一个大而全的规范。 作为中小厂，我们需要的规范并不是一个大而全的规范。扪心自问，大家写的规范自己可以遵守吗？更何况别人写的规范。 我们的规范应该遵循一点，不符合的代码完全接受不了，不

在Web布局中，现代CSS特性就可以更好的帮助我们快速实现，例如等高布局，水平垂直居中，经典的圣杯布局、宽高比例、页脚保持在底部等。在本文中，我将会介绍一些不同的CSS属性来实现这些效果！

CSS 选择器用于选择 HTML 元素并将样式应用于它们。使用这些选择器，可以定义特定条件下应用哪些样式。除了普通的选择器外，还有伪类和伪元素，用于选择具有特定状态或特定部分的元素，并将样式应用于它们

如果 .parent 的 height 不写，只需要 padding: 10px 0; 就能将 .child 垂直居中； 如果 .parent 的 height 写死了，就很难把 .child 居中，