初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知 ...

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

原文： http://www.cnblogs.com/dolphinX/p/3236686.html https://www.cnblogs.com/yangjie-space/p/4858132.html （先看到这个） 深入理解line-height ...

单行文字垂直居中的方式你可能可以脱口而出，height和line-height设置为同样就行了，或者设置相同的padding-top和padding-bottom值。 上图是Chrome浏览器下的效果，没什么好惊讶的，完全符合我们的预期。 然后我们到移动端，设置相等的height ...

最近在看张鑫旭大佬的《css世界》，读到5.2.4 内联元素 line-height 的“大值特性” ，产生了疑惑， 在开发中确实也遇到了同样的问题，深入探究后得出结果，先说结论吧，论证内容有点长，结论： 　　行内元素自身并没有行高这个属性，虽然设置可以设置行高，但是最终作用的地方并不是 ...

大家都知道，如何设置文字垂直居中，也就是：设置line-height 和 外围盒子的高度height一致； 其实这里有个地方，是多余的，也就是height，设不设置都居中； 那么，行高是生产高度的？ 先上一个小问题：当div没有设置高度的情况下，撑开其高度是里面的文字吗？ 答案 ...

一、区别 区别体现在子元素继承时，如下： 父元素设置line-height:1.5会直接继承给子元素，子元素根据自己的font-size再去计算子元素自己的line-height。 父元素设置line-height:150%是计算好了line-height值，然后把这个计算值给子元素 ...

前言： 我在写程序过程中遇到过给text加line-height不生效的问题，但是也有生效的情况，如果不生效了就按下面的解决方法处理吧。 解决办法： 在text的外层嵌套一层view,然后给view设置样式line-height即可。 ...

是个什么东西，范围在哪里，具体应用于什么元素？ 2.vertiacal-align和line-height有 ...

那天，高高兴兴的测试flex属性。大家都知道，当父盒子display:flex的时候，子盒子即使宽高和大于父盒子，也会由于flex的特性进行收缩；然而，在给父盒子加了flex-direction:co ...