cicixujing的专栏

对于宽度的各种定义，不同语境下有不同的含义，PC端与移动端的表现也有不同，还可能与缩放水平、滚动条、viewport设置等因素相关。 读取宽度时，需要明确想要读取的是哪种宽度、这个宽度值受哪些因素影响、与哪些因素无关，这样才能写出适应性更强的代码。 经过一番试验与探索，得到成果整理如下，包括表格、示意图、演示页面，与大家分享。 --------------------------

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden;

1.问题出现的场景： 需要实现上面的布局，三张图横向排列，左图靠左，右图靠右，中间图居于中间，且图与图之间有固定间隔，起初通过如下方式实现(为了说明方便，直接通过内联样式表现)： margin-left:34%"> src=""/>   right">    该实现方式，通过float来控制左右两侧图靠两边停放，中间图通过计算三张图总宽96%，剩余4%，这4%需要分为两

为了实现上面右侧文字的垂直居中，尝试了多种方法，但苦于父容器不定高，因此多种方案都被否定，最后求助于高手后，找到如下解决方案： .container{ display:flex; flex-direction:row; align-items:center; }                                 韩红：今年两个提案中一个就关于雾霾    

通过增加border-radius=0.1px来解决iPhone6 plus上设置shadow失效的问题