CSS

浮动是这三种布局技术中最古老的，但它在`Flexbox`面世以前是最重要的布局方式；flexbox占据布局的半壁江山；网格布局是目前最强大的布局方式

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…

从业务中思考，从实现中进步。 当处理第四步：点击到中间middle，处理left的样式时：我才发现没有选择前面兄弟元素的选择器。 +兄弟选择器只会匹配它后面第一个兄弟元素。 ~兄弟选择器只会匹配它后面的所有兄弟元素。 无论是+选择器还是~选择器，它们都只能选择后面的兄弟元素。 …

居中是页面开发中经常遇到的问题。 使用合适的、简单的、兼容性好的居中方式是我们页面仔在整个工作生涯中都要面对的问题。 来看这个例子，一张图片和文字进行居中。如下图所示： img与文字内容都是行内元素，因此直接使用text-align就行了。代码如下图所示： 在最外层的div中使…