一、为什么要写这篇文章 今天看到一个问题： 两个div 都设置 display：inline-block，正常显示；但是在第二个div中加一个块级元素或者内联元素，显示就变了个样，为什么？ 解决方案就是给第二个div加上：vertical-align:top ...

很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元 ...

模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个 ...

display作为一个最为恐怖的属性，没有之一，绝对不是欺骗3岁小孩，绝对是真实的。下面，就让我们看看这货的恐怖面貌。 display 值： none ：隐藏对象。(注意，与visibili ...

一、浮动介绍 历史： 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 定位方式： 浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含 ...

在我们平时工作中，经常会遇到把一些块状元素在一行排列显示，这时候我们通常会用到flaot,或许会用inline-block等等，那么他们有什么共性和区别？适用在什么场景？ 共性： ①inline-block: 是把一个元素的display设置为块状内联元素，意思就是说，让一个元素的容器 ...

今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置 ...

最近，在码代码的时候，就是下面的这段代码，我犯了一个很不起眼，但犯了就致命的BUG。 因为只要你犯了，估计检查半天都找不出。我可是费了老劲，才发现是<p>和&l ...

先来解释下这两个标签 inline-block: 字面意思：行内块元素，相当于强制转换，把一个标签设置为行内的块元素，既有块元素的部分特性（支持width\height\maigin-top\margin-bottom），又有行内元素的部分特性(不换行)。 vertical-align ...

内容提要：给Span设置高度和宽度后没有作用。本文介绍了如何如何给span设置高度宽度。 CSS模型中经常用的容器是DIV和span。 给Span设置高度和宽度后没有作用。 ...